:root{--ink:#14284b;--muted:#64748b;--green:#4f9e5f;--green-dark:#347c47;--green-soft:#edf7ed;--blue:#3d72cf;--blue-soft:#edf5ff;--cream:#fbfaf5;--line:#dfe7ee;--shadow:0 18px 55px rgba(37,60,83,.10);--radius:22px;--font:Inter,"Segoe UI",Arial,sans-serif;--display:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);line-height:1.55}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 40px))}.section-pad{padding:84px 0}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;padding:10px 16px;z-index:9999;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,238,.8)}.header-inner{height:76px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.03em}.brand>span:last-child>span{color:var(--green)}.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#3973d5 0 46%,#64aa68 47%);box-shadow:0 8px 20px rgba(61,114,207,.22)}.main-nav{display:flex;gap:27px;margin-left:auto}.main-nav a{font-size:14px;font-weight:600;color:#334866}.main-nav a:hover{color:var(--green-dark)}.header-actions{display:flex;gap:10px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--ink)}.button{border:0;border-radius:12px;padding:13px 20px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease;line-height:1.2}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#5aaa68,#448f55);color:#fff;box-shadow:0 10px 25px rgba(68,143,85,.22)}.button-primary:hover{background:linear-gradient(135deg,#4c9a5b,#347c47)}.button-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-outline{background:#fff;color:var(--green-dark);border:1px solid #a7ceb0}.button-small{padding:11px 16px;font-size:14px}.hero{background:radial-gradient(circle at 5% 20%,#f7fbf4 0,transparent 31%),radial-gradient(circle at 92% 20%,#f4f8ff 0,transparent 30%)}.hero-grid{display:grid;grid-template-columns:.88fr 1.18fr;gap:52px;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--green-dark)}.eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:20px;text-transform:none;letter-spacing:0;font-size:13px}.eyebrow span{width:22px;height:22px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center}.hero h1{font-family:var(--display);font-size:clamp(43px,5vw,66px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px;font-weight:600}.hero h1 em{font-style:normal;color:#315d4a}.hero-lead{font-size:18px;color:#52647c;max-width:670px;margin:0 0 28px}.url-form{background:#fff;border:1px solid var(--line);padding:16px;border-radius:18px;box-shadow:var(--shadow)}.url-form label{font-size:13px;font-weight:700;display:block;margin:0 0 8px}.url-field-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px}.field-icon{color:#6580a3;font-size:21px;padding-left:5px}.url-field-row input{border:0;outline:0;min-width:0;color:var(--ink);font-size:15px;padding:10px 0;background:transparent}.url-field-row input::placeholder{color:#9aa8b9}.form-note{font-size:12px;color:#718096;margin:10px 5px 0}.form-error{color:#b42318;font-size:13px;min-height:1em;margin:8px 4px 0}.transformation-board{position:relative;min-height:530px;background:linear-gradient(145deg,#fff,#fbfdfb);border:1px solid var(--line);border-radius:28px;padding:50px 28px 26px;box-shadow:var(--shadow);display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}.board-label{position:absolute;top:17px;font-family:var(--display);font-size:16px;font-weight:700}.old-label{left:15%}.designs-label{right:17%}.retro-site{border:3px ridge #8b99a8;background:#d7d7d7;font:11px Arial,sans-serif;color:#111;box-shadow:0 10px 20px rgba(26,39,60,.12)}.retro-top{background:#b9c4ce;border-bottom:2px solid #778696;padding:5px 8px}.retro-top b{display:block;font-size:14px}.retro-top small{display:block}.retro-body{display:grid;grid-template-columns:84px 1fr;background:#eee}.retro-body aside{padding:8px 6px;border-right:1px solid #999}.retro-body aside a,.retro-link{display:block;color:#0645ad;text-decoration:underline;margin:4px 0}.retro-main{padding:8px}.retro-banner{min-height:85px;padding:8px;background:linear-gradient(135deg,#d9ebff,#77a8d8);border:1px solid #899bad;position:relative;overflow:hidden}.retro-buildings{position:absolute;right:8px;bottom:10px;color:#466c91;font-size:38px;letter-spacing:-15px}.retro-main h4{margin:8px 0 2px;font-size:12px}.retro-main p{margin:2px 0}.retro-main ul{padding-left:15px;margin:4px 0}.retro-footer{padding:5px;text-align:center;border-top:2px groove #aaa}.retro-footer span{display:block;color:#0645ad}.preserve-badge{position:absolute;left:42%;top:46%;transform:translate(-50%,-50%);z-index:3;width:105px;height:105px;border-radius:50%;background:#fff;border:2px solid #b8dabf;box-shadow:0 8px 30px rgba(55,105,70,.12);display:grid;place-items:center;text-align:center;font-size:11px;font-weight:700}.preserve-badge span{position:absolute;top:10px;border-radius:50%;background:var(--green-soft);width:22px;height:22px;display:grid;place-items:center;color:var(--green-dark)}.design-stack{display:grid;gap:13px}.mini-site{height:128px;border-radius:14px;overflow:hidden;position:relative;border:1px solid rgba(100,120,145,.22);box-shadow:0 10px 28px rgba(35,52,74,.10);padding:11px 13px}.variant-number{position:absolute;left:-28px;top:6px;background:#edf6ea;color:#2f6340;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800}.mini-nav{font-size:8px;font-weight:800}.mini-nav small{float:right;font-size:5px;font-weight:500}.mini-copy{width:59%;position:absolute;left:13px;top:39px;display:grid;gap:6px}.mini-copy b{font-size:13px;line-height:1.15}.mini-copy span{font-size:6px}.mini-copy i{font-style:normal;background:#4b84d1;color:#fff;border-radius:3px;padding:3px 6px;font-size:5px;width:max-content}.shape-building{position:absolute;right:-15px;bottom:-20px;width:140px;height:130px;background:linear-gradient(130deg,transparent 18%,#cfe0f0 19% 32%,transparent 33%),linear-gradient(70deg,transparent 18%,#8eb2d7 19% 45%,transparent 46%)}.mini-dark{background:#071525;color:#fff}.mini-dark .mini-copy i{background:transparent;border:1px solid #7990a8}.shape-wave{position:absolute;right:-20px;bottom:-25px;width:160px;height:160px;border-radius:70% 0 0 0;background:repeating-radial-gradient(ellipse at 100% 100%,#132842 0 8px,#0d1f35 9px 17px)}.mini-warm{background:#f8f3e9;color:#392d27}.mini-warm .mini-copy i{background:#554b43}.shape-vase{position:absolute;right:15px;bottom:3px;font-size:78px;color:#d9c2a4;line-height:1}.shape-vase span{font-size:45px;position:absolute;left:16px;top:-34px;color:#8ca27a}.benefit-strip{padding:0 0 12px}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 35px rgba(37,60,83,.07);background:#fff}.benefit{display:flex;gap:12px;align-items:center;padding:21px 17px}.benefit:not(:last-child){border-right:1px solid var(--line)}.benefit>span{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);font-size:21px;color:var(--green-dark)}.benefit:nth-child(even)>span{background:var(--blue-soft);color:var(--blue)}.benefit b,.benefit small{display:block}.benefit b{font-size:14px}.benefit small{font-size:11px;color:var(--muted);line-height:1.35;margin-top:3px}.section-heading{margin-bottom:40px}.section-heading.centered{text-align:center}.section-heading h2{font-family:var(--display);font-size:clamp(34px,4vw,48px);line-height:1.15;margin:6px 0 10px}.section-heading p{color:var(--muted);font-size:16px;margin:0 auto;max-width:680px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px 18px 21px;min-height:218px;text-align:center;box-shadow:0 8px 26px rgba(37,60,83,.055)}.step:not(:last-child):after{content:"→";position:absolute;right:-15px;top:45%;z-index:3;color:#5f89ce;font-weight:800;background:#fff;width:20px}.step-number{position:absolute;left:14px;top:14px;width:25px;height:25px;border-radius:50%;background:#e8f1ff;color:#2c68c6;font-weight:800;display:grid;place-items:center;font-size:12px}.step-icon{display:grid;place-items:center;color:#477bd0;font-size:35px;height:64px}.step h3{font-size:15px;line-height:1.3;margin:3px 0 10px}.step p{font-size:12px;color:var(--muted);margin:0}.assurance{margin:18px auto 0;max-width:720px;text-align:center;padding:10px 18px;border-radius:99px;background:#eff6ff;color:#315f9b;font-size:13px;font-weight:600}.pricing-section{background:linear-gradient(180deg,#fff,#fbfcfa)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.price-card{position:relative;border-radius:22px;border:1px solid var(--line);background:#fff;padding:32px;box-shadow:0 12px 35px rgba(37,60,83,.06)}.price-card.featured{background:linear-gradient(145deg,#fff,#eff9ee);border-color:#b5d9bd}.price-card.long{background:linear-gradient(145deg,#fff,#fbf4e8);border-color:#e9dabe}.plan-badge{position:absolute;right:17px;top:15px;background:#dff0da;color:#397449;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800}.price-card h3{font-family:var(--display);font-size:25px;margin:0}.price{display:flex;gap:7px;align-items:baseline;margin:13px 0 2px}.price strong{font-family:var(--display);font-size:49px;font-weight:600}.price span{font-size:13px}.price-card>p{color:var(--muted);font-size:12px;margin:0 0 20px}.price-card ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}.price-card li{font-size:13px;color:#42546b}.price-card li:before{content:"✓";color:var(--green);font-weight:800;margin-right:9px}.price-card .button{width:100%}.repeat-cta{position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(110deg,#eff7ff,#f7fbf2);border:1px solid #dce9ee;padding:34px 36px;margin-bottom:30px;display:grid;grid-template-columns:.75fr 1.25fr 140px;gap:28px;align-items:center}.repeat-copy h2{font-family:var(--display);font-size:31px;line-height:1.15;margin:4px 0 8px}.repeat-copy p{font-size:13px;color:var(--muted);margin:0}.compact-form{box-shadow:none;background:rgba(255,255,255,.9)}.cta-art{height:125px;position:relative}.cta-art span{position:absolute;right:18px;bottom:8px;width:58px;height:63px;background:#e7eef1;border-radius:40% 40% 47% 47%;box-shadow:inset -10px -5px 20px #d1dfe2}.cta-art:before{content:"";position:absolute;right:43px;bottom:63px;width:3px;height:70px;background:#7aa170;transform:rotate(7deg)}.cta-art i,.cta-art b{position:absolute;background:#7ea674;width:40px;height:18px;border-radius:100% 0 100% 0}.cta-art i{right:42px;bottom:84px;transform:rotate(25deg)}.cta-art b{right:70px;bottom:63px;transform:rotate(205deg)}.after-section{padding-top:58px}.after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.after-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.after-grid article>span{width:50px;height:50px;border-radius:16px;background:var(--blue-soft);display:grid;place-items:center;font-size:27px;color:#376cc1}.after-grid h3{margin:17px 0 7px}.after-grid p{margin:0;color:var(--muted);font-size:14px}.audience-section{padding:65px 0;background:#fbfbf8}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.industry-grid span{text-align:center;padding:19px 8px;border:1px solid var(--line);background:#fff;border-radius:15px;font-weight:700;color:#5b6b7e}.faq-section details{border-bottom:1px solid var(--line);padding:18px 5px}.faq-section summary{font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faq-section summary:after{content:"+";position:absolute;right:2px;top:-4px;font-size:25px;color:var(--green)}.faq-section details[open] summary:after{content:"–"}.faq-section details p{color:var(--muted);margin:10px 0 2px}.site-footer{border-top:1px solid var(--line);padding:50px 0 20px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid p{color:var(--muted);font-size:13px;max-width:290px}.footer-grid h4{margin:0 0 8px}.footer-grid a,.footer-link{font-size:13px;color:#53657b;background:none;border:0;padding:0;text-align:left;cursor:pointer}.footer-grid a:hover,.footer-link:hover{color:var(--green-dark)}.footer-bottom{display:flex;justify-content:space-between;color:#8a98aa;font-size:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:17px}.modal{position:fixed;inset:0;display:none;z-index:100}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(12,27,48,.62);backdrop-filter:blur(5px)}.modal-panel{position:relative;z-index:2;margin:6vh auto;background:#fff;width:min(94%,620px);max-height:88vh;overflow:auto;border-radius:24px;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.26)}.modal-wide{width:min(96%,1050px)}.modal-close{position:absolute;right:18px;top:12px;border:0;background:#f1f5f8;width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}.analysis-loading{text-align:center;padding:70px 20px}.loader-ring{width:62px;height:62px;border:5px solid #d9ebe0;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.analysis-loading h2,.modal-heading h2,.auth-panel h2{font-family:var(--display);font-size:36px;margin:4px 0 8px}.analysis-loading p,.modal-heading p,.auth-panel>p{color:var(--muted)}.progress{height:8px;background:#eef3f4;border-radius:99px;overflow:hidden;max-width:420px;margin:25px auto}.progress span{display:block;height:100%;width:15%;background:linear-gradient(90deg,#4f9e5f,#67b47b);border-radius:99px;transition:width .4s}.result-source{padding:16px 18px;background:#f6f8fa;border-radius:15px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.result-source span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#799}.result-source b{font-size:14px}.result-source a{font-size:12px;color:#3f73c0}.style-results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.style-option{border:2px solid transparent;border-radius:18px;background:#f9fbfc;padding:10px;cursor:pointer;transition:.2s}.style-option:hover,.style-option.selected{border-color:#5a9f65;box-shadow:0 10px 30px rgba(55,105,70,.12)}.style-preview{height:215px;border-radius:12px;overflow:hidden;position:relative;padding:16px}.style-preview .mock-nav{height:13px;width:65%;background:currentColor;opacity:.13;border-radius:5px}.style-preview .mock-title{font-family:var(--display);font-size:25px;line-height:1.1;margin-top:28px;max-width:80%}.style-preview .mock-line{height:7px;background:currentColor;opacity:.13;border-radius:4px;margin-top:12px;width:68%}.style-preview .mock-button{display:inline-block;margin-top:20px;padding:7px 13px;border-radius:6px;background:currentColor;color:#fff;font-size:8px}.style-preview:after{content:"";position:absolute;right:-15px;bottom:-18px;width:130px;height:130px;border-radius:50%;background:currentColor;opacity:.08}.style-option h3{font-size:15px;margin:12px 4px 4px}.style-option p{font-size:12px;color:var(--muted);margin:0 4px 5px}.preview-modern{color:#316ebd;background:#f4f8fd}.preview-contrast{color:#e8f0f7;background:#0b1827}.preview-warm{color:#725946;background:#f8f0e5}.result-actions{text-align:center;margin-top:24px}.result-actions p{font-size:12px;color:var(--muted)}.result-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.auth-panel form{display:grid;gap:13px}.auth-panel label{display:grid;gap:6px;font-weight:700;font-size:13px}.auth-panel input{border:1px solid var(--line);border-radius:11px;padding:12px 14px;outline:0}.auth-panel input:focus{border-color:#80aa89;box-shadow:0 0 0 3px #e8f3ea}.google-button{width:100%;background:#fff;border:1px solid var(--line);margin:17px 0}.google-button span{font-weight:800;color:#4285f4}.or{display:flex;align-items:center;gap:12px;color:#9aa5b0;font-size:12px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.auth-panel small{display:block;color:#8491a0;margin-top:16px}.auth-panel small a{text-decoration:underline}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#14284b;color:#fff;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:200;box-shadow:var(--shadow);font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}.simple-page{max-width:780px;margin:70px auto;padding:30px}.simple-page h1{font-family:var(--display);font-size:45px}.simple-page h2{margin-top:35px}.simple-page p,.simple-page li{color:#55677d}.dashboard-shell,.admin-shell{min-height:100vh;background:#f5f8f6;padding:40px}.app-card{max-width:1100px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dashboard-grid{display:grid;gap:15px}.project-card{border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:10px}.status{display:inline-block;border-radius:99px;padding:5px 9px;background:#edf7ed;color:#347c47;font-size:11px;font-weight:800}.empty-state{text-align:center;padding:60px 10px;color:var(--muted)}.admin-token{display:flex;gap:10px;margin:20px 0}.admin-token input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.admin-table th{color:#67768a}
@media(max-width:1000px){.main-nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);flex-direction:column;gap:10px}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-actions{display:none}.hero-grid{grid-template-columns:1fr}.transformation-board{min-height:510px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:not(:last-child){border-right:0}.benefit{border-bottom:1px solid var(--line)}.benefit:last-child{grid-column:1/-1}.steps{grid-template-columns:repeat(2,1fr)}.step:not(:last-child):after{display:none}.pricing-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.repeat-cta{grid-template-columns:1fr}.cta-art{display:none}.industry-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.style-results{grid-template-columns:1fr}.style-preview{height:180px}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.section-pad{padding:58px 0}.header-inner{height:66px}.brand{font-size:18px}.brand-mark{width:31px;height:31px}.hero h1{font-size:40px}.hero-lead{font-size:16px}.url-field-row{grid-template-columns:auto 1fr}.url-field-row .button{grid-column:1/-1;width:100%;margin-top:5px}.transformation-board{display:block;padding:48px 14px 18px;min-height:auto}.board-label{font-size:13px}.old-label{left:10%}.designs-label{right:8%}.retro-site{width:48%;display:inline-block;vertical-align:middle}.preserve-badge{display:none}.design-stack{width:48%;display:inline-grid;vertical-align:middle;margin-left:2%}.mini-site{height:105px}.variant-number{left:-20px}.benefit-grid{grid-template-columns:1fr}.benefit:last-child{grid-column:auto}.steps{grid-template-columns:1fr}.step{min-height:auto;text-align:left;padding:20px 20px 20px 78px}.step-icon{position:absolute;left:20px;top:50px;height:auto}.step-number{left:20px}.pricing-grid{gap:14px}.repeat-cta{padding:25px 18px}.after-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.modal-panel{padding:25px 18px;margin:3vh auto;max-height:94vh}.analysis-loading h2,.modal-heading h2,.auth-panel h2{font-size:29px}.dashboard-shell,.admin-shell{padding:15px}.app-card{padding:18px}.admin-table{display:block;overflow:auto}.retro-main p,.retro-main ul{display:none}}

/* Design update 2026-07-26: balanced hero, full-width URL form, responsive comparison, new logo */
.brand-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  display:block;
  object-fit:contain;
  background:none;
  box-shadow:0 8px 22px rgba(20,40,75,.14);
}
.hero.section-pad{padding-top:68px;padding-bottom:56px}
.hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
  gap:46px;
  align-items:center;
}
.hero-copy{min-width:0}
.hero h1{
  font-size:clamp(42px,4.45vw,60px);
  line-height:1.08;
  max-width:620px;
  margin-bottom:22px;
}
.hero-lead{font-size:17px;max-width:620px;margin-bottom:22px}
.hero-points{display:flex;flex-wrap:wrap;gap:9px 18px;color:#52647c;font-size:13px;font-weight:700}
.hero-points span{display:inline-flex;align-items:center;gap:7px}
.hero-points span:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:11px}
.hero-form-wide{margin-top:34px;padding:20px 22px;border-radius:22px}
.hero-form-wide .url-field-row{grid-template-columns:auto minmax(220px,1fr) minmax(250px,360px)}
.hero-form-wide .url-field-row input{font-size:17px;padding:13px 0}
.hero-form-wide .button{min-height:54px}
.form-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:12px 4px 0;color:#718096;font-size:12px}
.form-meta span{display:inline-flex;align-items:center;gap:6px}
.form-meta span:before{content:"✓";color:var(--green-dark);font-weight:800}

.transformation-board{
  position:relative;
  min-height:0;
  padding:24px;
  display:grid;
  grid-template-columns:minmax(190px,.78fr) 76px minmax(300px,1.22fr);
  gap:18px;
  align-items:center;
  border-radius:26px;
}
.board-column{min-width:0}
.board-heading{
  position:static;
  margin:0 0 12px;
  text-align:center;
  font-family:var(--display);
  font-size:17px;
  line-height:1.2;
}
.board-bridge{display:grid;justify-items:center;align-content:center;gap:10px;min-width:0}
.bridge-arrow{font-size:36px;line-height:1;color:#4f83cf}
.preserve-badge{
  position:static;
  transform:none;
  width:auto;
  height:auto;
  min-width:74px;
  padding:10px 8px;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  font-size:10px;
  line-height:1.25;
}
.preserve-badge b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green-soft);color:var(--green-dark)}
.retro-site{width:100%;max-width:230px;margin:0 auto}
.retro-body{grid-template-columns:76px minmax(0,1fr)}
.retro-main{min-width:0}
.retro-banner{min-height:78px}
.retro-main p,.retro-main li{overflow-wrap:anywhere}
.design-stack{width:100%;gap:11px}
.mini-site{height:114px;padding:10px 12px}
.variant-number{left:-9px;top:8px;z-index:4;box-shadow:0 4px 12px rgba(20,40,75,.12)}
.mini-nav{padding-left:8px}
.mini-copy{left:20px;top:36px;width:58%;gap:5px}
.mini-copy b{font-size:12px}
.mini-copy span{font-size:6px;line-height:1.25}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-copy{text-align:center}
  .hero h1,.hero-lead{margin-left:auto;margin-right:auto}
  .eyebrow,.hero-points{justify-content:center}
  .transformation-board{max-width:820px;margin-inline:auto;grid-template-columns:minmax(190px,.8fr) 76px minmax(310px,1.2fr)}
}

@media(max-width:760px){
  .hero.section-pad{padding-top:42px;padding-bottom:42px}
  .hero h1{font-size:clamp(37px,10vw,48px);line-height:1.08}
  .hero-lead{font-size:16px}
  .hero-points{gap:8px 14px}
  .hero-form-wide{margin-top:26px;padding:16px}
  .hero-form-wide .url-field-row{grid-template-columns:auto minmax(0,1fr)}
  .hero-form-wide .url-field-row .button{grid-column:1/-1;width:100%;margin-top:4px}
  .form-meta{justify-content:center}
  .transformation-board{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    padding:20px 14px;
    border-radius:22px;
  }
  .board-heading{font-size:18px;margin-bottom:10px}
  .board-bridge{display:flex;justify-content:center;align-items:center;gap:10px}
  .bridge-arrow{transform:rotate(90deg);font-size:28px}
  .preserve-badge{flex-direction:row;min-width:0;padding:8px 13px;border-radius:999px;font-size:11px}
  .retro-site{max-width:380px}
  .retro-body{grid-template-columns:92px minmax(0,1fr)}
  .retro-main p,.retro-main ul{display:block}
  .design-stack{max-width:420px;margin-inline:auto;gap:12px}
  .mini-site{height:132px}
  .mini-copy{top:41px;width:62%}
  .mini-copy b{font-size:15px}
  .mini-copy span{font-size:7px}
  .mini-nav{font-size:9px}
  .mini-nav small{font-size:6px}
  .variant-number{left:8px;top:8px}
  .mini-nav{padding-left:28px}
}

@media(max-width:480px){
  .container{width:min(100% - 20px,1180px)}
  .header-inner{height:68px}
  .brand{font-size:18px;gap:9px}
  .brand-mark{width:34px;height:34px}
  .hero-copy{text-align:left}
  .eyebrow,.hero-points{justify-content:flex-start}
  .eyebrow{font-size:12px;line-height:1.35}
  .hero h1{font-size:39px;letter-spacing:-.04em}
  .hero-lead{font-size:15px}
  .hero-points{display:grid;grid-template-columns:1fr 1fr;font-size:12px}
  .hero-points span:last-child{grid-column:1/-1}
  .hero-form-wide label{font-size:13px}
  .hero-form-wide .url-field-row input{font-size:16px}
  .form-meta{justify-content:flex-start;gap:6px 14px}
  .transformation-board{padding:18px 10px}
  .retro-site{font-size:10px}
  .retro-top b{font-size:13px}
  .retro-body{grid-template-columns:82px minmax(0,1fr)}
  .retro-body aside{padding:7px 5px}
  .retro-main{padding:7px}
  .retro-banner{min-height:76px}
  .retro-main ul{padding-left:14px;font-size:9px}
  .mini-site{height:128px}
  .mini-copy{left:17px;width:64%}
  .mini-copy b{font-size:14px}
  .shape-building{right:-32px}
  .shape-wave{right:-46px}
  .shape-vase{right:8px}
}
@media(max-width:760px){
  .retro-site{width:100%;display:block;vertical-align:initial}
  .design-stack{width:100%;display:grid;vertical-align:initial;margin-left:auto;margin-right:auto}
}

/* Update v3: clearer selected logo and legal pages */
.brand{gap:12px;font-size:22px;white-space:nowrap}
.brand-mark{width:46px;height:46px;border-radius:14px;box-shadow:0 8px 24px rgba(20,40,75,.17)}
.header-inner{height:82px}
.hero-copy>.hero-lead{max-width:560px;font-size:20px;line-height:1.48;color:#40536d;font-weight:500}
.legal-page{max-width:920px;margin:54px auto 90px;padding:34px 38px 52px}
.legal-brand{margin-bottom:42px}
.legal-page h1{margin-bottom:24px}
.legal-page h2{font-family:var(--display);font-size:27px;line-height:1.25;margin-top:42px;margin-bottom:12px}
.legal-page h3{font-size:19px;margin-top:27px;margin-bottom:8px}
.legal-page p,.legal-page li,.legal-page address{color:#455a74;font-style:normal}
.legal-page a:not(.button):not(.brand){color:#2563a8;text-decoration:underline;text-underline-offset:2px}
.legal-warning{border:1px solid #e5b85e;background:#fff9e9;color:#6b4c12;border-radius:16px;padding:17px 19px;margin:20px 0 34px}
.legal-warning strong{display:block;color:#7b4f00;margin-bottom:5px}
.legal-placeholder{background:#fff0c9;color:#7c5000;border-radius:5px;padding:1px 5px;font-weight:700}
.legal-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;background:#f4f8f5;border:1px solid var(--line);border-radius:18px;padding:19px 22px;margin:28px 0}
.legal-toc a{font-size:14px;text-decoration:none!important}
.legal-updated{margin-top:48px;font-size:13px;color:#75869a!important}
.legal-page code{background:#eef3f7;border-radius:5px;padding:2px 6px;color:#1d3e69}
@media(max-width:640px){
  .header-inner{height:72px}.brand{font-size:19px;gap:10px}.brand-mark{width:40px;height:40px;border-radius:12px}
  .legal-page{margin:24px auto 60px;padding:22px 18px 40px}.legal-page h1{font-size:38px}.legal-page h2{font-size:24px}.legal-toc{grid-template-columns:1fr}
  .hero-copy>.hero-lead{font-size:17px}
}