/* KUTEK.grow — product launch, within the shared KUTEK shell. */
body[data-page="grow"] { background:#090a0b; }
.grow-page { --g-line:#272b34; --g-muted:#a8aeba; --g-surface:#111316; color:#f0f1f4; }
.grow-page button,.grow-page input { font:inherit; }
.grow-page button { cursor:pointer; }
.grow-page [hidden] { display:none!important; }
.g-container { width:min(100% - 96px,1280px); margin-inline:auto; }
.g-green { color:var(--grow-green); }
.g-kicker { display:flex; align-items:center; gap:12px; font:11px/1.7 var(--font-mono); letter-spacing:.13em; text-transform:uppercase; color:#b8bec9; }
.g-kicker>span:first-child:not(.g-dot) { color:var(--grow-green); }
.g-dot { display:inline-block; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:var(--grow-green); box-shadow:0 0 14px #fbbf0a44; }
.g-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 77% 44%,#22262d1f,transparent 55%),#090a0b; }
.g-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(#7b85991a 1px,transparent 1px),linear-gradient(90deg,#7b85991a 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000); }
.g-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; min-height:700px; gap:12px; padding-block:54px 30px; position:relative; }
.g-hero-copy { position:relative; z-index:2; padding-block:25px; }
.g-hero h1 { font:800 clamp(48px,4.2vw,66px)/1.14 var(--font-display); letter-spacing:.02em; text-transform:uppercase; overflow-wrap:break-word; margin:28px 0; }
.g-lead { max-width:470px; font-size:17px; line-height:1.85; color:var(--g-muted); }
.g-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:33px; }
.g-button { display:inline-flex; justify-content:center; align-items:center; min-height:50px; padding:13px 20px; font:600 12px/1.6 var(--font-mono); border:1px solid transparent; transition:background .2s,border-color .2s,transform .2s; }
.g-button:hover { transform:translateY(-2px); }
.g-button-green { color:#0c0d0f; background:var(--grow-green); border-color:var(--grow-green); }
.g-button-green:hover { background:#f2d580; }
.g-button-outline { border-color:#414752; color:#e4e6eb; background:#0c0e1166; }
.g-button-outline:hover { border-color:var(--grow-green); background:#1a1d22; }
.g-hero-foot { margin-top:45px; display:flex; gap:23px; font:9px/1.6 var(--font-mono); letter-spacing:.08em; color:#8d94a3; }
.g-hero-foot>span+span { border-left:1px solid #383d46; padding-left:23px; }
.g-product { position:relative; min-width:0; width:calc(100% + 45px); margin-left:-15px; aspect-ratio:1.08; display:flex; align-items:center; }
.g-product canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.65; pointer-events:none; }
.g-product-bloom { position:absolute; width:75%; height:70%; left:15%; top:17%; background:radial-gradient(ellipse,#fbbf0a26,transparent 67%); filter:blur(15px); }
.controller-svg { position:relative; z-index:1; width:92%; height:auto; overflow:visible; transform:translate(var(--device-x,0px),calc(24px + var(--device-y,0px))); }
.g-phone { position:absolute; top:7%; right:5%; width:31%; padding:6px; border:2px solid #6a707b; border-radius:26px; background:#080d10; box-shadow:12px 24px 45px #0009; transform:translate(var(--phone-x,0px),var(--phone-y,0px)) rotate(8deg); }
.g-phone::after { content:""; position:absolute; top:10px; left:35%; width:30%; height:9px; border-radius:8px; background:#080d10; }
.g-phone img { display:block; width:100%; height:auto; border-radius:18px; }
.g-product-label,.g-product-caption { z-index:2; }
.g-today { position:relative; margin:0 0 12px; padding:0 0 13px; color:var(--grow-green); font:11px/1.6 var(--font-mono); }
.g-today::after { content:""; position:absolute; bottom:0; left:var(--today-position,24.47%); height:10px; border-left:2px solid var(--grow-green); }
.g-stage.is-current { box-shadow:inset 0 -3px var(--grow-green); }

.g-orbit { position:absolute; width:86%; height:77%; border:1px solid #a2a9b80b; border-radius:50%; left:7%; top:10%; transform:rotate(-25deg); }
.g-orbit-two { width:96%; height:88%; left:2%; top:5%; border-style:dashed; }
.g-product-label { position:absolute; top:4%; right:8%; display:flex; align-items:center; gap:9px; font:9px var(--font-mono); letter-spacing:.12em; color:#9da5b5; }
.g-product-caption { display:flex; justify-content:space-between; gap:12px; position:absolute; bottom:0; left:8%; right:5%; padding:14px 0; border-top:1px solid #363c48; color:#9198a7; font:9px/1.6 var(--font-mono); }
.g-product-caption>span:first-child { color:#d3d7de; flex-shrink:0; }
.g-hero-bottom { border-top:1px solid var(--g-line); display:flex; align-items:center; justify-content:space-between; padding-block:21px; gap:20px; position:relative; }
.g-hero-bottom>span:first-child { font-size:23px; font-weight:750; letter-spacing:-1px; }
.g-hero-bottom>span:nth-child(2) { font:10px/1.6 var(--font-mono); color:#a6acb9; }
.g-down { width:36px; height:36px; display:grid; place-items:center; border:1px solid #363c48; border-radius:50%; color:var(--grow-green); }
.g-status { border-block:1px solid #313641; background:#15171c; }
.g-status>.g-container { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:13px; padding-block:13px; color:#bdc2cd; font:10px/1.7 var(--font-mono); }
.g-status-divider { color:#5c6577; padding-inline:8px; }
.g-section { padding:104px 0; border-bottom:1px solid var(--g-line); }
.g-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:45px; margin-bottom:50px; }
.g-section h2,.g-closing h2 { font:700 clamp(32px,3.3vw,50px)/1.14 var(--font-display); letter-spacing:.02em; text-transform:uppercase; overflow-wrap:break-word; max-width:720px; }
.g-section-head h2 { margin-top:15px; }
.g-section-intro { max-width:370px; color:var(--g-muted); font-size:14px; line-height:1.85; }
.g-cutaway-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:54px; align-items:center; }
.g-tent { position:relative; border:1px solid var(--g-line); background:radial-gradient(ellipse at 48% 50%,#292d3644,transparent 65%),#0f1013; }
.g-drawing-label { position:absolute; top:20px; left:22px; color:#7e879a; font:9px var(--font-mono); letter-spacing:.08em; }
.tent-svg { width:100%; height:auto; }
.g-tent::after { content:"+"; position:absolute; bottom:15px; right:20px; font:20px var(--font-mono); color:#636d81; }
.g-hotspot { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); height:35px; width:35px; border:1px solid #c9b885; border-radius:50%; background:#13161ced; color:#ebe1c4; font:10px var(--font-mono)!important; z-index:2; box-shadow:0 3px 15px #0007; }
.g-hotspot::before { content:""; position:absolute; inset:-8px; }
.g-hotspot:hover,.g-hotspot.is-active { background:var(--grow-green); border-color:#ffe7a0; color:#0e1013; box-shadow:0 0 0 5px #fbbf0a1a; }
.g-part-list { display:grid; gap:0; }
.g-part { display:flex; align-items:flex-start; gap:18px; padding:16px 12px; border-bottom:1px solid #262a32; border-left:2px solid transparent; transition:background .2s,border-color .2s; }
.g-part.is-active { border-left-color:var(--grow-green); background:linear-gradient(90deg,#fbbf0a10,transparent); }
.g-part-num { font:11px/1.8 var(--font-mono); color:#7c879c; }
.g-part h3 { font-size:14px; line-height:1.5; font-weight:600; }
.g-part p { font-size:12px; line-height:1.7; color:var(--g-muted); margin-top:7px; }
.g-part:not(.is-active) p { display:none; }
.g-part.is-active h3,.g-part.is-active .g-part-num { color:var(--grow-green); }
.g-vpd-section { background:#121417; }
.g-vpd-grid { display:grid; grid-template-columns:1.55fr 1fr; gap:65px; }
.g-map-wrap { min-width:0; }
.g-chart-top { display:flex; justify-content:space-between; gap:10px; font:10px var(--font-mono); color:#adb4c2; padding:0 0 18px 38px; }
.g-chart-top>span:last-child { color:#8c95a8; font-size:9px; }
.g-map { position:relative; margin:0 0 42px 38px; aspect-ratio:1.65; background:linear-gradient(130deg,#608cc2,#b9a464 20%,#fbbf0a 43%,#d8c768 70%,#d29269); border:1px solid #a2aab940; }
#vpd-map { display:block; width:100%; height:100%; touch-action:none; }
#vpd-point { position:absolute; transform:translate(-50%,-50%); width:44px; height:44px; border:0; background:transparent; display:grid; place-items:center; touch-action:none; }
#vpd-point>span { display:block; width:18px; height:18px; border:3px solid #fffcf5; background:#242830; border-radius:50%; box-shadow:0 0 0 5px #0b1b2a30,0 3px 8px #16181d99; }
.g-y-axis { position:absolute; top:45%; left:-58px; transform:rotate(-90deg); font:9px var(--font-mono); color:#a2a8b4; }
.g-y-ticks { position:absolute; top:-6px; bottom:-6px; left:-25px; display:flex; flex-direction:column; justify-content:space-between; font:10px var(--font-mono); color:#c8ccd5; }
.g-x-ticks { position:absolute; left:0; right:0; bottom:-26px; display:flex; justify-content:space-between; font:10px var(--font-mono); color:#a5acb9; }
.g-map-sliders { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding-left:38px; }
.g-map-sliders label { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; font:10px var(--font-mono); color:#bec3ce; }
.g-map-sliders input { width:100%; height:28px; accent-color:var(--grow-green); cursor:pointer; }
.g-vpd-readout { padding-top:2px; }
.g-vpd-value { display:flex; align-items:baseline; gap:12px; margin:12px 0 2px; }
.g-vpd-value output { font:500 85px/1.1 var(--font-display); letter-spacing:-.055em; color:var(--grow-green); font-variant-numeric:tabular-nums; }
.g-vpd-value>span { font:14px var(--font-mono); color:#a6acb9; }
.g-zone { font-size:15px; color:#e6e8ec; min-height:26px; }
.g-small { color:var(--g-muted); font-size:11px; line-height:1.75; margin-top:10px; max-width:330px; }
.g-legend { margin-top:22px; border-top:1px solid #323742; padding-top:14px; }
.g-legend li { display:flex; align-items:center; gap:12px; padding-block:6px; font-size:10px; color:#c6cbd4; }
.g-legend i { height:6px; width:6px; background:var(--zone); border-radius:50%; flex-shrink:0; }
.g-legend li>span:first-of-type { min-width:60px; font:10px var(--font-mono); }
.g-principle { display:flex; align-items:center; gap:20px; border-top:1px solid #313641; margin-top:40px; padding-top:24px; color:#c0c5cf; font-size:13px; }
.g-principle-mark { font:28px var(--font-mono); color:var(--grow-green); }
.g-plan { border:1px solid var(--g-line); background:#111316; padding:28px; }
.g-plan-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#9099aa; font:10px var(--font-mono); margin-bottom:32px; }
.g-timeline { display:flex; gap:4px; min-width:0; }
.g-stage { flex:var(--days) 1 0; min-width:0; text-align:left; padding:19px 9px 17px; border:1px solid transparent; border-top:3px solid #606a7f; background:linear-gradient(180deg,#2d323c,#191b20); color:#c4c9d3; display:flex; flex-direction:column; gap:16px; transition:background .2s,border-color .2s; }
.g-stage:nth-child(n+4) { border-top-color:#bcb171; background:linear-gradient(180deg,#282d36,#191c21); }
.g-stage:hover,.g-stage.is-active { border-color:var(--grow-green); background:#323742; }
.g-stage>span { font:11px var(--font-mono); }
.g-stage strong { font-size:12px; line-height:1.6; font-weight:500; hyphens:auto; overflow-wrap:anywhere; }
.g-stage>span:last-child { font-size:10px; color:#9ba3b3; margin-top:auto; }
.g-light-schedule { display:flex; gap:4px; margin-top:8px; }
.g-light-schedule>div { background:repeating-linear-gradient(135deg,#bdb78413 0 5px,#bdb78404 5px 10px); border:1px solid #aaa36933; padding:8px 12px; color:#d6ce9e; font:10px var(--font-mono); }
.g-light-schedule>div:last-child { background:#bdb78408; }
.g-timeline-scale { position:relative; display:flex; justify-content:space-between; color:#7c8699; font:10px var(--font-mono); margin:12px 0 30px; }
.g-timeline-scale>span:nth-child(2) { position:absolute; left:36.84%; }
.g-stage-details { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:20px; align-items:center; border-top:1px solid var(--g-line); padding-top:25px; min-height:92px; }
.g-stage-details>div { display:flex; flex-direction:column; gap:7px; }
.g-stage-details span { font:10px var(--font-mono); color:#939bac; }
.g-stage-details h3 { font-size:17px; font-weight:500; }
.g-stage-details strong { font:15px var(--font-mono); color:var(--grow-green); }
.g-plan-note { color:var(--g-muted); font-size:12px; margin-top:20px; }
.g-connect-section { background:#0f1013; }
.g-steps { display:grid; grid-template-columns:repeat(3,1fr); }
.g-step { position:relative; padding:30px; border:1px solid var(--g-line); }
.g-step+.g-step { border-left:0; }
.g-step-number { font:11px var(--font-mono); color:var(--grow-green); }
.g-step svg { width:100%; height:160px; margin-bottom:26px; }
.g-step h3 { font-size:19px; line-height:1.5; margin-bottom:12px; font-weight:500; }
.g-step p { font-size:13px; line-height:1.8; color:var(--g-muted); }
.g-panel-tabs { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:30px; }
.g-panel-tabs button { border:1px solid #313641; background:transparent; color:#9ca4b5; font:11px var(--font-mono); padding:12px 20px; min-height:44px; }
.g-panel-tabs button[aria-selected="true"] { background:#282c35; border-color:#5f6a7f; color:#faeec8; }
.g-laptop { max-width:1050px; margin:auto; padding-inline:28px; }
.g-laptop-screen { border:5px solid #31343a; border-bottom-width:12px; border-radius:16px 16px 0 0; padding:7px 7px 0; background:#060709; box-shadow:0 20px 70px #0006,0 0 90px #fbbf0a08; }
.g-browser { display:flex; align-items:center; gap:5px; height:29px; padding:0 12px; color:#8c94a3; font:9px var(--font-mono); background:#191b20; border-radius:5px 5px 0 0; }
.g-browser i { width:5px; height:5px; border-radius:50%; background:#474f5f; }
.g-browser>span:first-of-type { margin-inline:auto; }
.g-browser-lock { color:var(--grow-green); }
.g-laptop-screen [role="tabpanel"] { aspect-ratio:16/9; overflow:auto; scrollbar-color:#4a5262 #121418; scrollbar-width:thin; background:#0d1117; }
.g-laptop-screen img { width:100%; height:auto; object-fit:contain; }
.g-laptop-base { height:16px; margin-inline:-28px; border-radius:2px 2px 60% 60%/2px 2px 90% 90%; background:linear-gradient(#6a6e75,#30343b 55%,#191b20); position:relative; }
.g-laptop-base::before { content:""; display:block; position:absolute; top:0; width:15%; height:6px; background:#181a1f; left:42.5%; border-radius:0 0 6px 6px; }
.g-panel-caption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:28px; font:9px/1.7 var(--font-mono); color:#929aa9; }
.g-panel-features { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--g-line); margin-top:24px; }
.g-panel-features>span { text-align:center; font:11px var(--font-mono); color:#bac0cb; padding:25px 10px 0; }
.g-spec-section { background:#0f1114; }
.g-spec-grid { display:grid; grid-template-columns:1.1fr 1.1fr 1fr; gap:30px; }
.g-spec-grid article { border-top:1px solid #48505f; padding-top:25px; }
.g-spec-grid .g-kicker { font-size:9px; letter-spacing:.02em; min-height:30px; }
.g-spec-grid h3 { font-size:20px; line-height:1.4; font-weight:500; margin:12px 0; }
.g-spec-grid p:not(.g-kicker) { color:var(--g-muted); font-size:12px; line-height:1.9; }
.g-channel-row { display:flex; gap:9px; align-items:center; margin-top:25px; font:10px var(--font-mono); color:#959eaf; }
.g-channel-row>span:not(:last-child) { border:1px solid #3b414e; background:#1b1e23; width:31px; height:28px; display:grid; place-items:center; }
.g-channel-row>span:last-child { margin-left:auto; }
.g-closing { padding:75px 0 32px; background:radial-gradient(ellipse at 20% 0,#31364144,transparent 70%),#121419; border-top:3px solid var(--grow-green); }
.g-closing>.g-container { display:grid; grid-template-columns:1.6fr 1fr; column-gap:65px; align-items:center; }
.g-closing h2 { margin:20px 0; font-size:clamp(34px,3.4vw,48px); }
.g-closing p:not(.g-kicker) { color:var(--g-muted); font-size:13px; }
.g-closing-actions { display:flex; flex-direction:column; gap:12px; max-width:350px; justify-self:end; width:100%; }
.g-security { grid-column:1/-1; margin-top:55px; padding-top:22px; border-top:1px solid #313641; color:#8b94a7; font:10px/1.8 var(--font-mono); }
.air-path { animation:air-dash 6s linear infinite; }
.mist { animation:mist-fade 4s ease-in-out infinite alternate; }
@keyframes air-dash { to { stroke-dashoffset:-64; } }
@keyframes mist-fade { from { opacity:.2; transform:translateY(2px); } to { opacity:.5; transform:translateY(-6px); } }
@media(min-width:1600px) { .g-hero-grid { min-height:750px; } .g-product { width:calc(100% + 80px); } }
@media(max-width:1100px) { .g-container { width:calc(100% - 64px); } .g-hero h1 { font-size:65px; } .g-hero-grid { min-height:650px; } .g-lead { font-size:15px; } .g-product { width:calc(100% + 35px); } .g-section-head { gap:30px; } .g-section-intro { max-width:320px; } .g-cutaway-grid { gap:25px; grid-template-columns:1.4fr 1fr; } .g-vpd-grid { gap:35px; } .g-stage { padding-inline:7px; } .g-stage strong { font-size:11px; } .g-hero-foot { font-size:8px; gap:15px; } .g-hero-foot>span+span { padding-left:15px; } }
@media(max-width:800px) { .g-container { width:calc(100% - 40px); } .g-hero-grid { grid-template-columns:1fr; min-height:0; gap:0; padding-top:42px; } .g-hero-copy { max-width:640px; padding-bottom:0; } .g-hero h1 { font-size:clamp(58px,9vw,78px); } .g-lead { max-width:540px; } .g-product { width:100%; margin:10px auto 0; max-width:620px; aspect-ratio:1.2; } .g-product-label { top:5%; } .g-hero-bottom { gap:12px; } .g-hero-bottom>span:nth-child(2) { font-size:9px; max-width:250px; } .g-section { padding:65px 0; } .g-section-head { flex-direction:column; align-items:flex-start; gap:20px; margin-bottom:32px; } .g-section-intro { max-width:560px; } .g-section h2 { font-size:38px; } .g-cutaway-grid { grid-template-columns:1fr; gap:20px; } .g-part-list { grid-template-columns:1fr 1fr; gap:0 20px; } .g-part { padding-inline:8px; gap:12px; } .g-part p,.g-part:not(.is-active) p { display:block; font-size:11px; } .g-part h3 { font-size:13px; } .g-vpd-grid { grid-template-columns:1fr; gap:40px; } .g-vpd-readout { display:grid; grid-template-columns:1fr 1fr; gap:0 25px; } .g-vpd-readout .g-kicker,.g-vpd-value,.g-zone,.g-small { grid-column:1; } .g-legend { grid-column:2; grid-row:1/5; margin:0; padding-top:10px; } .g-plan { padding:20px 15px; } .g-stage { padding:14px 5px; gap:10px; } .g-stage strong { font-size:10px; } .g-stage-details { grid-template-columns:1.3fr 1fr 1fr; gap:18px; } .g-stage-details>div:first-child { grid-column:1/-1; } .g-steps { gap:0; } .g-step { padding:18px; } .g-step svg { height:125px; } .g-step h3 { font-size:16px; } .g-step p { font-size:12px; } .g-spec-grid { grid-template-columns:1fr; gap:30px; } .g-spec-grid .g-kicker { min-height:0; } .g-closing>.g-container { grid-template-columns:1fr; gap:28px; } .g-closing-actions { justify-self:start; } .g-security { margin-top:12px; } }
@media(max-width:480px) { .g-container { width:calc(100% - 36px); } .g-hero-grid { padding-block:32px 20px; } .g-kicker { font-size:9px; letter-spacing:.08em; gap:9px; } .g-hero h1 { font-size:57px; margin:23px 0; } .g-lead { font-size:14px; line-height:1.85; } .g-actions { flex-direction:column; align-items:stretch; margin-top:25px; gap:10px; } .g-button { font-size:11px; padding-inline:12px; } .g-hero-foot { font-size:8px; gap:12px; margin-top:25px; } .g-hero-foot>span+span { padding-left:12px; } .g-product { margin-top:30px; aspect-ratio:1.1; } .g-product-caption { left:0; right:0; font-size:7px; } .g-product-label { font-size:8px; right:4%; top:0; } .controller-svg { width:100%; transform:translateY(-4px); } .g-phone { display:none; } .g-hero-bottom { padding-block:18px; } .g-hero-bottom>span:first-child { font-size:18px; } .g-hero-bottom>span:nth-child(2) { font-size:8px; max-width:165px; } .g-down { display:none; } .g-status>.g-container { gap:6px 10px; justify-content:flex-start; padding-block:12px; font-size:9px; } .g-status-divider { display:none; } .g-status>.g-container>span:last-child { width:100%; margin-left:16px; } .g-section { padding-block:52px; } .g-section h2 { font-size:33px; } .g-section-intro { font-size:13px; } .g-drawing-label { top:13px; left:13px; font-size:7px; } .g-hotspot { height:29px; width:29px; font-size:9px!important; } .g-part-list { grid-template-columns:1fr; } .g-part { padding:14px 10px; } .g-part p,.g-part:not(.is-active) p { font-size:12px; } .g-chart-top { font-size:9px; padding-left:30px; } .g-chart-top>span:last-child { font-size:8px; } .g-map { margin-left:30px; aspect-ratio:1.3; } .g-y-axis { left:-49px; } .g-map-sliders { padding-left:0; gap:20px; } .g-map-sliders label { font-size:9px; } .g-vpd-readout { gap:0 14px; } .g-vpd-value output { font-size:65px; } .g-vpd-value>span { font-size:11px; } .g-vpd-value { gap:6px; } .g-legend li { font-size:9px; gap:6px; align-items:flex-start; line-height:1.6; } .g-legend li>span:first-of-type { min-width:47px; font-size:9px; } .g-legend i { margin-top:4px; width:5px; height:5px; } .g-zone { font-size:12px; } .g-small { font-size:10px; } .g-principle { font-size:12px; gap:14px; } .g-plan { padding:18px 10px; } .g-plan-bar { font-size:8px; gap:8px; margin-bottom:20px; } .g-timeline { gap:3px; } .g-stage { padding:12px 3px; } .g-stage strong { display:none; } .g-stage>span { font-size:10px; } .g-stage>span:last-child { font-size:8px; } .g-light-schedule>div { padding:7px; font-size:9px; } .g-timeline-scale { font-size:9px; } .g-stage-details { gap:20px 10px; } .g-stage-details span { font-size:8px; } .g-stage-details strong { font-size:12px; } .g-stage-details h3 { font-size:16px; } .g-plan-note { font-size:11px; } .g-steps { grid-template-columns:1fr; } .g-step { display:grid; grid-template-columns:48px 1fr; column-gap:14px; padding:25px 20px; } .g-step+.g-step { border-left:1px solid var(--g-line); border-top:0; } .g-step-number { grid-column:1; } .g-step svg { grid-column:2; width:160px; height:105px; margin-bottom:18px; justify-self:center; grid-row:1/3; } .g-step h3,.g-step p { grid-column:1/-1; } .g-step h3 { font-size:18px; } .g-step p { font-size:13px; } .g-panel-tabs { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:20px; } .g-panel-tabs button { font-size:10px; padding:10px; } .g-laptop { padding-inline:10px; } .g-laptop-screen { border-width:3px; border-bottom-width:7px; padding:3px 3px 0; border-radius:9px 9px 0 0; } .g-browser { height:22px; padding-inline:7px; font-size:7px; } .g-browser i { width:3px; height:3px; } .g-laptop-base { margin-inline:-10px; height:10px; } .g-laptop-base::before { height:4px; } .g-panel-caption { margin-top:19px; font-size:8px; } .g-panel-features { gap:8px; } .g-panel-features>span { font-size:8px; line-height:1.8; padding:18px 0 0; } .g-closing { padding-top:45px; } .g-closing h2 { font-size:36px; } .g-closing p:not(.g-kicker) { font-size:12px; } .g-security { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *,*::before,*::after { animation:none!important; transition:none!important; } .g-product canvas { display:none; } }