@font-face{font-family:SCore;src:url(SCDreamLight.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:SCore;src:url(SCDreamRegular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SCore;src:url(SCDreamMedium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:SCore;src:url(SCDreamBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:SCore;src:url(SCDreamExtraBold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:SCore;src:url(SCDreamHeavy.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--paper:#f7f7f2;--white:#fff;--ink:#16231e;--muted:#5c6861;--mint:#21d4a5;--deep:#00664e;--line:#dbe1d9;--ease:cubic-bezier(.23,1,.32,1);--radius:24px;--gutter:clamp(20px,4.5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:SCore,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video,canvas{display:block;max-width:100%}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.05em}p{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}h2,h3{text-wrap:balance;word-break:keep-all}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--deep)}::selection{background:var(--mint);color:var(--ink)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:300;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:16px}.icon{width:22px;height:22px;flex:none}.wrap{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(84px,10vw,160px);position:relative}.section-title{font-size:clamp(32px,4vw,62px);font-weight:700;max-width:850px}.section-copy{font-size:16px;line-height:1.9;max-width:620px;color:var(--muted);margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px}.section-heading .section-copy{max-width:450px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;border-radius:999px;padding:14px 27px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background 180ms ease,transform 160ms var(--ease),box-shadow 180ms ease}.button:active{transform:scale(.96)}.button-primary{background:var(--mint);color:#093d30}.button-primary:hover{background:#5ae8bf;box-shadow:0 8px 22px #00b78430}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#304c3d}.button-outline{border-color:var(--line);background:transparent}.button-outline:hover{background:white}.link-arrow{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-.2em}.text-link{font-weight:600;display:inline-flex;align-items:center;gap:14px;min-height:44px;border-bottom:1px solid currentColor}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--deep);margin-bottom:24px}
/* Navigation shares the quiet, capsule-based language of the reference. */
.site-header{position:absolute;inset:0 0 auto;z-index:60;height:96px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);gap:20px}.header-logo{width:148px;flex:none}.header-logo img{width:100%;height:auto}.header-brand{display:flex;align-items:center;gap:24px}.header-brand>span{font-size:11px;letter-spacing:.08em;color:white;max-width:200px;line-height:1.6}.nav-main{display:flex;align-items:center;gap:10px}.nav-capsule{display:flex;background:#ffffffed;padding:5px;border-radius:999px;box-shadow:0 2px 12px #05281710}.nav-capsule button{background:none;border:0;min-height:44px;padding:9px 24px;font-size:13px;font-weight:600;border-radius:999px;transition:background 180ms ease}.nav-capsule button:hover{background:#edf1e9}.nav-contact{min-height:54px}.nav-menu{display:none}.nav-anchors{display:flex;gap:24px;color:white;font-size:13px}.nav-anchors a{min-height:44px;display:flex;align-items:center}.nav-sticky{position:fixed;inset:14px var(--gutter) auto;z-index:55;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 23px;background:#f7f7f2f5;border:1px solid #e2e6dc;border-radius:999px;backdrop-filter:blur(16px);opacity:0;transform:translateY(-110px);pointer-events:none;transition:transform 220ms var(--ease),opacity 220ms var(--ease)}.nav-sticky.visible{opacity:1;transform:none;pointer-events:auto}.nav-sticky img{width:110px}.nav-sticky .nav-anchors{color:var(--ink)}.nav-sticky .button{min-height:44px;padding:10px 20px}
/* Full-bleed original architectural film, never a third-party brand video. */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;color:white;background:#4c7164;overflow:hidden;padding:140px 0 84px}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,22,.88),rgba(5,27,22,.48) 49%,rgba(5,27,22,.05));z-index:-2}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08271d4d,transparent 45%);z-index:-1}.hero-content{max-width:880px}.hero-kicker{font-size:13px;letter-spacing:.04em;margin-bottom:30px;color:#cbf5e4}.hero-title{font-size:clamp(38px,5.3vw,82px);line-height:1.22;font-weight:800;letter-spacing:-.065em}.hero-title span{display:block}.hero-title .light{font-weight:400}.hero-description{font-size:16px;color:#e6f0e9;line-height:1.9;max-width:610px;margin-top:30px}.address-search{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 24px;border-radius:999px;background:white;margin-top:36px;max-width:660px;color:var(--ink);box-shadow:0 12px 30px #08291d15}.address-search label{flex:1;min-width:0}.address-search input{width:100%;border:0;background:none;outline:none;font-size:14px;min-height:48px;color:#273d31}.address-search:focus-within{box-shadow:0 0 0 3px var(--mint),0 12px 30px #08291d15}.address-search .search-mark{width:20px;height:20px;border:2px solid var(--deep);border-radius:50%;position:relative;flex:none}.search-mark::after{content:'';position:absolute;width:7px;height:2px;background:var(--deep);right:-5px;bottom:-2px;transform:rotate(45deg)}.address-search .button{min-height:52px;padding:14px 23px}.hero-video-control{position:absolute;right:var(--gutter);bottom:30px;display:flex;align-items:center;gap:18px;font-size:11px;color:#143c2c}.hero-video-control button{border:1px solid #567866;background:#ffffffdd;border-radius:999px;padding:8px 16px;min-height:40px;font-size:11px}.hero-caption{position:absolute;left:var(--gutter);bottom:28px;font-size:11px;letter-spacing:.06em;color:#ddf4e7}
/* Geometric assembly intro. Original brand image is never redrawn. */
.intro{position:fixed;inset:0;z-index:200;background:var(--paper);display:grid;place-items:center;overflow:hidden}.intro[hidden]{display:none}.intro-brand{position:absolute;left:var(--gutter);top:36px;width:145px}.intro-pieces{position:relative;width:min(80vw,960px);height:min(42vw,390px)}.intro-part{position:absolute;width:clamp(100px,18vw,255px);height:clamp(100px,18vw,255px);top:50%;left:50%;will-change:transform}.intro-part:nth-child(1){border-radius:50%;background:#13c99a}.intro-part:nth-child(2){border-radius:50% 50% 0 0;background:#182e24}.intro-part:nth-child(3){border-radius:0 0 50% 50%;background:#62c5cf}.intro-part:nth-child(4){border:clamp(18px,3.5vw,48px) solid #d3eade;border-radius:50%;background:transparent}.intro-logo{position:absolute;width:min(65vw,420px);left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.intro-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.intro-skip{border:0;background:none;padding:12px;font-size:12px;color:var(--ink)}
/* Editorial brand story and a single organic geometric composition. */
.story{padding-top:140px}.story-layout{display:grid;grid-template-columns:1.65fr .7fr;gap:70px;align-items:center}.story-title{font-size:clamp(36px,4.8vw,72px);line-height:1.4;font-weight:600}.story-title span{display:block}.story-title .soft{color:#96a59a}.story-copy{font-size:17px;line-height:2;max-width:660px;margin-top:30px;color:var(--muted)}.story-mark{aspect-ratio:1;position:relative;display:grid;place-items:center}.story-mark .shape-ring{width:75%;height:75%;border:clamp(28px,5vw,70px) solid var(--mint);border-radius:50%;transform:rotate(-25deg)}.story-mark .shape-tail{position:absolute;width:32%;height:32%;background:#286ba8;bottom:6%;right:3%;border-radius:0 0 50% 0;transform:rotate(8deg)}.story-mark .shape-dot{position:absolute;background:#d3e5d7;width:27%;height:27%;left:4%;top:1%;border-radius:50%}.story-data-link{margin-top:40px}.story-note{font-size:13px;margin-top:20px;color:var(--muted)}
/* The five existing steps become a genuine sticky story, not five tiny tiles. */
.workflow{background:#e9eee3}.workflow-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,120px);align-items:start}.workflow-heading{position:sticky;top:140px}.workflow-heading .section-title{font-size:clamp(32px,3.6vw,55px)}.workflow-stack{min-width:0}.workflow-step{position:sticky;top:calc(115px + var(--step)*18px);background:var(--paper);border:1px solid #d9e1d3;border-radius:28px;padding:38px;min-height:330px;margin-bottom:26px;box-shadow:0 12px 30px #16322308}.workflow-step:last-child{margin-bottom:0;background:#c8efdd}.workflow-step h3{font-size:26px;margin:20px 0}.workflow-step p{font-size:15px;line-height:1.9}.workflow-step>.detail-divider{margin-top:30px}.workflow-step .detail-row{margin-bottom:18px}.workflow-step .detail-badge{background:#e1e9dd}.workflow-step .detail-divider{color:var(--deep);font-size:13px}
/* Existing copy is retained in semantic, readable content blocks. */
.detail-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.detail-flex{display:flex;align-items:center;gap:8px}.detail-grid{display:grid;gap:14px}.detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.strong{font-weight:600}.detail-small{font-size:13px;line-height:1.8;color:#5c6861}.detail-badge{display:inline-block;background:#e1f0e5;border-radius:999px;padding:5px 11px;color:#245c43;font-size:12px;line-height:1.5}.detail-badge:empty{display:none}.detail-box{background:#eef2ea;border-radius:14px;padding:16px}.detail-space{margin-top:18px}.detail-divider{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.detail-copy p,.detail-copy li{font-size:14px;line-height:1.9}.detail-copy h3{font-size:24px;margin-bottom:16px}.detail-copy a{font-size:14px;color:var(--deep);font-weight:600}.detail-copy ul{list-style:none;padding:0;margin:20px 0}.detail-copy li+li{margin-top:10px}.detail-copy .detail-badge{color:#225b42}.detail-copy .icon{width:24px;height:24px}.detail-copy .detail-box .detail-box{background:#e0e9de}.detail-copy p{margin-top:10px}
.solution-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,110px);align-items:start}.solution-heading{position:sticky;top:140px}.solution-art{margin-top:40px;width:min(100%,320px);aspect-ratio:1}.solution-art img{display:block;width:100%;height:auto}.solutions-list{min-width:0}.solution-item{border-top:1px solid #bfcbbd}.solution-item:last-child{border-bottom:1px solid #bfcbbd}.solution-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;padding:28px 0;min-height:90px}.solution-item summary::-webkit-details-marker{display:none}.solution-index{font-size:12px;color:var(--deep)}.solution-item summary h3{font-size:21px;flex:1;font-weight:600;line-height:1.5}.solution-toggle{font-size:28px;font-weight:400;transition:transform 200ms var(--ease)}.solution-item[open] .solution-toggle{transform:rotate(45deg)}.solution-body{padding:0 0 30px 42px;animation:body-in 250ms var(--ease)}.solution-body h3{display:none}.solution-body>.detail-box,.solution-body>div>.detail-box{margin-top:18px}.solution-body .detail-row{font-size:14px}.solution-body .detail-grid{margin-top:16px}@keyframes body-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Physical mass model and original feasibility panel. */
.simulator{background:#e4eee6}.simulator-layout{display:grid;grid-template-columns:1.2fr .9fr;gap:24px}.model-stage{position:relative;min-height:580px;border-radius:28px;overflow:hidden;background:#d7e3db}.model-canvas{position:absolute;inset:0;min-height:100%;cursor:grab}.model-canvas:active{cursor:grabbing}.model-toolbar{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.mode-controls{display:flex;background:#ffffffef;border:1px solid #d5e0d5;padding:4px;border-radius:999px;pointer-events:auto}.mode-controls button{border:0;background:none;border-radius:999px;min-height:38px;padding:8px 16px;font-size:12px;transition:background 180ms ease}.mode-controls button[aria-pressed=true]{background:#1d4432;color:white}.model-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px;color:#244632}.model-zoom{display:flex;gap:6px;pointer-events:auto}.model-zoom button{width:40px;height:40px;border:1px solid #c8d7c8;background:#fffffff0;border-radius:50%;font-size:20px}.feasibility{padding:32px;background:#fff;border-radius:28px;min-width:0}.feasibility h3{font-size:24px;margin-top:8px}.feasibility .detail-box{background:#f2f5ee}.feasibility p{font-size:15px;color:var(--ink)}.feasibility .detail-grid.three p{font-size:19px}.feasibility .detail-grid.two{margin:24px 0}.feasibility .detail-space:not(.detail-grid)>div+div{margin-top:18px}.feasibility .gauge-fill{height:6px;border-radius:99px;background:#00aa7d;padding:0;transform-origin:left;transition:transform 2200ms cubic-bezier(.16,1,.3,1)}.feasibility .detail-box:has(>.gauge-fill){height:6px;padding:0;background:#e6ede3;margin-top:7px;overflow:hidden}.motion-ready .gauge-fill{transform:scaleX(0)}.motion-ready .gauge-fill.gauge-active{transform:scaleX(1)}.example-note{font-size:12px;color:#53665a;margin-top:18px}
/* Conversation: preserved answers, animated question / thinking / answer. */
.chat-section .section-heading{justify-content:center;text-align:center;display:block}.chat-section .section-copy{margin-inline:auto;max-width:650px}.chat-card{max-width:980px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 35px 70px #1d34220c}.chat-card>.detail-row{background:#edf2e9;padding:24px 28px}.chat-card>.detail-row>.detail-flex>.detail-box{background:#224d36;color:#dcfae9;width:46px;height:46px;justify-content:center;padding:0}.chat-card h4{font-size:16px;letter-spacing:-.03em}.chat-card>.detail-row>.detail-badge{display:none}.chat-transcript{padding:34px}.chat-question-row{justify-content:flex-end;align-items:flex-start;margin-bottom:28px}.chat-question{background:#c6f0dc;max-width:75%;border-radius:22px 4px 22px 22px;padding:20px 24px;line-height:1.9;font-size:15px}.chat-question-row>.detail-box:not(.chat-question){min-width:38px;width:38px;height:38px;padding:0;justify-content:center;border-radius:50%;background:#e6ece1;font-size:11px}.chat-answer-row{position:relative;align-items:flex-start;gap:14px}.chat-answer-row>.detail-box:not(.chat-answer){width:38px;height:38px;padding:0;flex:none;border-radius:50%;justify-content:center;background:#224d36;color:white;font-size:12px}.chat-answer{padding:24px;max-width:calc(100% - 52px);font-size:15px;line-height:1.9;background:#f3f5ee;border-radius:4px 22px 22px 22px}.chat-answer>div+p,.chat-answer>p+div,.chat-answer>div+p{margin-top:18px}.chat-answer>div:first-child{color:var(--deep)}.chat-answer .detail-box{background:#e7ece1;margin-top:18px}.chat-answer p{margin-top:12px}.chat-card>.detail-flex{padding:20px 28px;background:#edf2e9}.chat-card input{flex:1;min-width:0;padding:12px 16px;border:1px solid #d7e0d2;border-radius:999px;background:white;font-size:13px;color:#657160}.chat-card>.detail-flex a{min-height:44px;display:flex;align-items:center;color:var(--deep);font-size:13px;font-weight:600;padding:8px}.chat-enhanced .chat-pending{visibility:hidden}.chat-answer,.chat-answer-row{transition:opacity 200ms var(--ease),translate 200ms var(--ease)}.chat-enhanced[data-chat-state=question] .chat-answer-row{opacity:0;translate:0 8px}.chat-enhanced[data-chat-state=thinking] .chat-answer{opacity:0}.chat-thinking{display:none;position:absolute;top:0;left:52px;align-items:center;gap:10px;padding:16px;border-radius:4px 16px 16px;background:#e7ece1;font-size:12px;color:#46614e}.chat-enhanced[data-chat-state=thinking] .chat-thinking{display:flex}.chat-thinking-dots{display:flex;gap:4px}.chat-thinking-dots i{width:5px;height:5px;border-radius:50%;background:#0d9470;animation:chat-dot 1s ease-in-out infinite}.chat-thinking-dots i:nth-child(2){animation-delay:150ms}.chat-thinking-dots i:nth-child(3){animation-delay:300ms}.chat-paused .chat-thinking-dots i{animation-play-state:paused}@keyframes chat-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
/* One real interactive mobile preview, not a rasterized fake app screen. */
.experience{background:#d4f0df;overflow:hidden}.experience-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.experience-copy{max-width:600px}.experience-copy .section-title{font-size:clamp(34px,4.3vw,64px)}.experience-copy p{font-size:16px;line-height:2;color:#3f5e4a;margin-top:28px}.experience-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.phone-wrap{display:grid;place-items:center;position:relative;min-height:640px}.phone-orbit{position:absolute;width:490px;height:490px;border:1px solid #a9cdb4;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.phone-orbit::before{content:'';position:absolute;inset:-40px;border:1px solid #bcdbc4;border-radius:50%}.device-phone{width:310px;border:9px solid #25382d;border-radius:44px;background:#f7faf3;overflow:hidden;box-shadow:18px 30px 0 #0c312d0a,0 40px 65px #28472d25;position:relative;transform:rotate(-7deg);transition:transform 600ms var(--ease)}.device-phone:hover{transform:rotate(-3deg) translateY(-8px)}.device-phone::before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:82px;height:19px;background:#25382d;border-radius:999px;z-index:3}.device-status{height:37px;display:flex;justify-content:space-between;padding:8px 20px;font-size:10px;font-weight:600}.device-apphead{padding:18px 19px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.device-apphead img{width:88px}.device-address{margin:0 15px 14px;background:white;border:1px solid #dbe4d4;border-radius:12px;padding:11px;font-size:11px;display:flex;gap:7px;align-items:center}.device-address::before{content:'';width:7px;height:7px;border:2px solid #068b63;border-radius:50%}.device-canvas{height:230px;position:relative;background:#d7e3db}.device-canvas canvas{width:100%;height:100%}.device-summary{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.device-summary div{padding:10px;background:white;border-radius:10px;font-size:10px;color:#54664f}.device-summary strong{display:block;font-size:16px;color:#203a2b;margin-top:5px}.device-modes{display:flex;padding:0 14px 16px;gap:6px}.device-modes button{flex:1;border:1px solid #cfddc9;border-radius:10px;background:white;min-height:38px;font-size:10px}.device-modes button[aria-pressed=true]{background:#234b33;color:white;border-color:#234b33}.device-caption{font-size:10px;color:#536b57;text-align:center;padding:0 8px 14px}.device-sidebar{display:none}
/* Data breadth and audience cases keep their original content. */
.data-section{background:#eef1e8}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:60px 0 70px}.stat-item{border-left:1px solid #b7cbb9;padding-left:24px}.stat-item:first-child{border-left:0;padding-left:0}.stat-item p{font-size:clamp(28px,3.8vw,58px);font-weight:600;letter-spacing:-.06em;line-height:1.2;margin:18px 0 12px;white-space:nowrap;color:#175235}.stat-item>span{font-size:13px;color:#4f6654}.stat-item .detail-box{padding:0;background:none}.data-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.source-card{padding:22px;border:1px solid #d7e1d0;border-radius:18px;background:#f8faf4}.source-card h4{font-size:16px;margin-bottom:10px}.source-card p{font-size:13px;color:#586b58;margin-top:10px}.source-card .detail-badge{font-size:10px;margin-top:12px}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.audience-card{padding:36px;border-radius:24px;background:#e8eee1;min-height:265px}.audience-card:nth-child(2){background:#ddece5}.audience-card:nth-child(3){background:#e4e8ef}.audience-card:nth-child(4){background:#eee9da}.audience-card h3{font-size:26px;margin:18px 0}.audience-card p{font-size:15px;line-height:1.9}.audience-card>div:first-child>div:first-child{font-size:14px;background:none;padding:0;color:#687765}.audience-card>.detail-divider{font-size:13px}.experts{padding-top:0}.experts-heading{display:flex;align-items:center;gap:50px;margin-bottom:45px}.experts-heading h2{font-size:32px;max-width:650px}.experts-heading p{font-size:14px;color:var(--muted);max-width:500px}.experts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.expert-item{text-align:center;border:1px solid var(--line);border-radius:18px;padding:26px 12px}.expert-item .detail-box{width:48px;height:48px;padding:0;display:grid;place-items:center;background:#e4eee1;margin:0 auto 18px;border-radius:50%}.expert-item h4{font-size:15px;letter-spacing:-.03em;margin-bottom:8px}.expert-item>span{font-size:12px;color:#60715d}.expert-item .icon{color:#27583e}
/* Pricing is the only equal three-card grid on the page. */
.pricing{background:#e8eee2}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.price-card{position:relative;padding:32px;border-radius:24px;background:#fbfcf8;border:1px solid #dce4d5;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.price-card:nth-child(2){border-color:#a8d3ba}.price-card h3{font-size:32px;margin:24px 0 16px}.price-card p{font-size:14px;line-height:1.9}.price-card>div>.detail-box{padding:24px 16px;text-align:center;min-height:136px;display:flex;flex-direction:column;justify-content:center;background:#edf2e8}.price-card .detail-box p{font-size:19px;line-height:1.5;color:#183e29}.price-card li{font-size:13px;line-height:1.9;padding-left:14px;position:relative}.price-card li::before{content:'';position:absolute;width:4px;height:4px;background:#337d50;border-radius:50%;left:0;top:10px}.price-card>a{display:flex;align-items:center;justify-content:center;border-radius:999px;min-height:50px;background:var(--ink);color:white;margin-top:28px;padding:12px 18px;font-size:14px}.price-card .detail-badge{font-size:11px}.price-card:nth-child(2)>div:first-child:not(:has(h3)){position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#1a5b38;color:white;border-radius:99px;padding:5px 16px;font-size:11px;white-space:nowrap}.price-card .detail-row{align-items:center;gap:8px}
/* Form remains honest: prepare an email draft, never pretend to submit. */
.partnership-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.partnership-copy h3{font-size:30px;line-height:1.5;margin:20px 0 30px}.partnership-copy .detail-box{padding:22px;margin-top:15px;background:#e9eee2}.partnership-copy h4{font-size:17px;margin-bottom:10px}.partnership-copy p{font-size:14px;line-height:1.8;color:#52644f}.partnership-copy .detail-divider p{font-size:14px}.partner-form{padding:34px;background:white;border:1px solid var(--line);border-radius:26px}.partner-form>div+div{margin-top:22px}.partner-form label:not(:has(input)){display:block;font-size:13px;font-weight:500;margin-bottom:8px}.partner-form input:not([type=radio]):not([type=checkbox]),.partner-form textarea{width:100%;border:1px solid #cdd7c6;border-radius:12px;padding:14px 16px;background:#fbfcf7;font-size:14px;line-height:1.7;color:var(--ink);min-height:50px}.partner-form input::placeholder,.partner-form textarea::placeholder{color:#687762}.partner-form textarea{resize:vertical;min-height:130px}.partner-form div:has(>label>input[type=radio]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.partner-form label:has(input[type=radio]){display:flex;align-items:center;gap:8px;border:1px solid #dce3d6;border-radius:12px;padding:12px;font-size:12px;min-height:48px;cursor:pointer}.partner-form label:has(input[type=radio]:checked){background:#d7f0df;border-color:#84bda1}.partner-form input[type=radio],.partner-form input[type=checkbox]{accent-color:#147c56;flex:none;width:16px;height:16px}.partner-form input[type=radio]:focus:not(:focus-visible){outline:none;box-shadow:none}.partner-form div:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:10px}.partner-form div:has(>input[type=checkbox]) label{font-size:12px;line-height:1.8}.partner-form button[type=submit]{width:100%;min-height:52px;border:0;border-radius:999px;background:var(--ink);color:white;padding:14px 18px;font-size:14px;font-weight:600;margin-top:24px}.form-helper{font-size:12px;color:#63725c;margin-top:14px}.email-draft{padding:20px;background:#e2f2e6;border-radius:14px;margin-top:20px;font-size:14px}.email-draft[hidden]{display:none}.email-draft .button{margin-top:14px}
.closing{position:relative;overflow:hidden;padding-block:110px;text-align:center;isolation:isolate;background:#e5efdf}.closing video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.closing::before{content:'';position:absolute;inset:0;background:#e7f1e3cf;z-index:-1}.closing h2{font-size:clamp(34px,4.5vw,68px);max-width:900px;margin:0 auto}.closing p{font-size:16px;max-width:600px;line-height:1.9;margin:24px auto 32px;color:#405b46}.closing .offer{display:inline-block;padding:6px 16px;background:#c9e7cc;border-radius:99px;font-size:12px;margin-bottom:24px;color:#295738}.site-footer{padding-block:54px;background:#f7f7f2}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px}.footer-logo{width:150px}.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px}.footer-links a,.footer-links button{min-height:44px;display:flex;align-items:center}.footer-links button{border:0;background:none;font-size:12px;padding:0}.footer-copy{font-size:12px;color:#66715e;line-height:1.9;max-width:1000px;margin-top:32px}.footer-wordmark{font-size:clamp(70px,14vw,210px);font-weight:700;letter-spacing:-.07em;line-height:1.1;color:#dde5d7;margin-top:35px;overflow:hidden}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#64705c;margin-top:25px}
/* Service previews share a single accessible native dialog. */
.service-dialog{border:0;padding:0;border-radius:28px;background:var(--paper);color:var(--ink);width:min(1080px,calc(100vw - 40px));max-height:calc(100svh - 40px);box-shadow:0 30px 100px #05201655;overflow:auto}.service-dialog::backdrop{background:#0a231ac9;backdrop-filter:blur(10px)}.dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 28px;z-index:5;background:#f7f7f2f5;border-bottom:1px solid var(--line)}.dialog-tabs{display:flex;gap:6px}.dialog-tabs button{border:0;background:transparent;border-radius:99px;padding:10px 20px;font-size:13px;min-height:44px}.dialog-tabs button[aria-selected=true]{background:#234b33;color:white}.dialog-close{border:1px solid var(--line);background:white;width:44px;height:44px;border-radius:50%;font-size:23px}.dialog-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:35px 45px 45px}.dialog-copy h2{font-size:34px;line-height:1.5}.dialog-copy p{font-size:14px;color:var(--muted);line-height:1.9;margin:22px 0}.dialog-copy .example-note{font-size:12px}.dialog-device{min-height:580px;display:grid;place-items:center}.dialog-device .device-phone{transform:none;width:285px}.dialog-device .device-phone:hover{transform:none}.service-dialog[data-view=legacy]{width:min(1320px,calc(100vw - 40px))}.service-dialog[data-view=legacy] .dialog-content{grid-template-columns:1.5fr .8fr}.service-dialog[data-view=legacy] .dialog-device{min-height:440px}.service-dialog[data-view=legacy] .device-phone{width:100%;border-width:7px;border-radius:18px}.service-dialog[data-view=legacy] .device-phone::before{display:none}.service-dialog[data-view=legacy] .device-status{height:26px;background:#263c2e;color:#ecf5e9;font-size:9px;padding:4px 16px}.service-dialog[data-view=legacy] .device-apphead{padding:14px 18px}.service-dialog[data-view=legacy] .device-canvas{height:260px}.service-dialog[data-view=legacy] .device-summary{grid-template-columns:repeat(4,1fr);padding:12px}.service-dialog[data-view=legacy] .device-summary strong{font-size:15px}.service-dialog[data-view=legacy] .device-modes{padding:0 12px 12px}.service-dialog[data-view=legacy] .device-caption{padding-bottom:10px}.service-dialog[open]{animation:dialog-enter 220ms var(--ease)}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
/* Progressive enhancement: readable content if script or media fails. */
.motion-ready .reveal{opacity:0;translate:0 32px;transition:opacity 800ms var(--ease),translate 800ms var(--ease)}.motion-ready .reveal.in-view{opacity:1;translate:0 0}.scene-fallback{background:#d7e3db url(city-poster.jpg) center/cover}.back-top{position:fixed;bottom:24px;right:24px;z-index:45;width:46px;height:46px;border-radius:50%;background:#fffffff2;border:1px solid #d7e1d1;color:#365c42;box-shadow:0 6px 20px #183d2010;font-size:22px}.mobile-menu{position:fixed;inset:0;z-index:80;background:var(--paper);padding:26px var(--gutter);display:flex;flex-direction:column;gap:25px}.mobile-menu[hidden]{display:none}.mobile-menu .menu-top{display:flex;justify-content:space-between;align-items:center}.mobile-menu img{width:130px}.mobile-menu a,.mobile-menu button:not(.dialog-close){font-size:28px;line-height:1.4;border:0;background:none;padding:10px 0;text-align:left}.mobile-menu .menu-content{margin-top:60px;display:flex;flex-direction:column;gap:24px}.mobile-menu small{font-size:13px;color:var(--muted);margin-top:auto}
@media(min-width:1800px){.hero-content{padding-block:40px}}
@media(max-width:1100px){.header-brand>span{display:none}.nav-anchors{gap:15px}.site-header .nav-anchors{display:none}.workflow-layout{gap:45px;grid-template-columns:.85fr 1fr}.workflow-step{padding:30px}.section-heading{gap:35px}.simulator-layout{grid-template-columns:1fr 1fr}.feasibility{padding:24px}.feasibility .detail-grid.three{grid-template-columns:1fr}.feasibility .detail-grid.three>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.feasibility .detail-grid.three p{margin-top:0;font-size:17px}.experience-layout{gap:45px}.data-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.experts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid{gap:14px}.price-card{padding:24px}.price-card .detail-row{display:block}.price-card .detail-row>span{display:block;width:max-content;margin-bottom:8px}.partnership-layout{gap:35px}.phone-orbit{width:400px;height:400px}}
@media(max-width:767px){:root{--gutter:22px}.site-header{height:82px}.header-logo{width:120px}.nav-capsule button{padding:8px 14px;font-size:11px;min-height:40px}.nav-capsule{padding:3px}.nav-main{gap:7px}.nav-main>.nav-contact{display:none}.nav-menu{display:block;border:1px solid #ffffff55;border-radius:50%;background:#ffffffed;width:44px;height:44px;font-size:20px}.nav-sticky{inset:10px 14px auto;padding:8px 10px 8px 17px}.nav-sticky img{width:100px}.nav-sticky .nav-anchors{display:none}.nav-sticky .button{font-size:12px;min-height:40px;padding:9px 16px}.hero{min-height:100svh;padding:128px 0 90px;align-items:center}.hero::before{background:linear-gradient(90deg,#092a20d9,#092a208c)}.hero-video{object-position:62% center}.hero-title{font-size:clamp(31px,7.6vw,55px);letter-spacing:-.06em}.hero-kicker{font-size:11px;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.9;margin-top:24px}.address-search{padding:7px 7px 7px 17px;gap:10px;margin-top:28px}.address-search input{font-size:12px;min-height:42px}.address-search .button{padding:12px 16px;min-height:48px;font-size:12px}.address-search .button-arrow{display:none}.address-search .search-mark{width:15px;height:15px;border-width:1.5px}.hero-caption{font-size:9px;bottom:25px;max-width:170px}.hero-video-control{bottom:20px;gap:0}.hero-video-control>span{display:none}.hero-video-control button{font-size:10px;min-height:36px}.section{padding-block:80px}.story{padding-top:90px}.story-layout{grid-template-columns:1fr;gap:30px}.story-title{font-size:clamp(30px,7vw,47px);line-height:1.55}.story-copy{font-size:15px;margin-top:24px}.story-mark{width:220px;margin:12px auto}.story-note{font-size:12px}.section-heading{display:block;margin-bottom:38px}.section-title{font-size:clamp(29px,6.5vw,42px)}.section-copy{font-size:14px;margin-top:22px}.workflow-layout{display:block}.workflow-heading{position:static;margin-bottom:40px}.workflow-heading .section-title{font-size:32px}.workflow-step{top:calc(88px + var(--step)*10px);padding:26px;min-height:330px;margin-bottom:18px;border-radius:22px}.workflow-step h3{font-size:23px}.workflow-step p{font-size:14px}.solution-layout{grid-template-columns:1fr;gap:35px}.solution-heading{position:static}.solution-art{display:none}.solution-item summary{padding:23px 0;gap:15px;min-height:82px}.solution-item summary h3{font-size:18px}.solution-body{padding-left:0}.solution-body .detail-row{gap:8px}.simulator-layout{grid-template-columns:1fr}.model-stage{min-height:430px;border-radius:22px}.model-toolbar{top:15px;left:14px;right:14px}.mode-controls button{padding:7px 13px;font-size:11px}.model-zoom button{width:36px;height:36px}.model-caption{left:18px;right:18px;bottom:18px;font-size:10px}.feasibility{padding:24px;border-radius:22px}.feasibility .detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feasibility .detail-grid.three>div{display:block}.feasibility .detail-grid.three p{margin-top:8px;font-size:17px}.feasibility .detail-row>.detail-badge{font-size:11px}.chat-card{border-radius:22px}.chat-card>.detail-row{padding:18px;gap:12px}.chat-card>.detail-row>.detail-flex>.detail-box{width:36px;height:36px;font-size:11px}.chat-card h4{font-size:13px}.chat-card>.detail-row p{font-size:11px}.chat-transcript{padding:20px 16px}.chat-question{max-width:85%;font-size:13px;padding:16px}.chat-question-row>.detail-box:not(.chat-question){width:28px;min-width:28px;height:28px;font-size:9px}.chat-answer-row{gap:8px}.chat-answer-row>.detail-box:not(.chat-answer){width:28px;height:28px;font-size:10px}.chat-answer{max-width:calc(100% - 36px);font-size:13px;padding:17px}.chat-answer .detail-small{font-size:12px}.chat-answer .detail-box{padding:12px}.chat-thinking{left:36px;font-size:10px;padding:12px}.chat-card>.detail-flex{padding:16px;gap:9px}.chat-card input{font-size:11px;padding:11px}.chat-card>.detail-flex a{font-size:12px;white-space:nowrap}.experience-layout{grid-template-columns:1fr;gap:25px}.experience-copy .section-title{font-size:36px}.experience-copy p{font-size:15px}.experience-actions .button{font-size:12px;padding:13px 20px}.phone-wrap{min-height:600px}.device-phone{width:285px;transform:rotate(-5deg)}.phone-orbit{width:330px;height:330px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px;margin:40px 0 50px}.stat-item{padding-left:0;border:0}.stat-item p{font-size:36px;margin-block:14px 9px}.stat-item>span{font-size:12px}.data-sources{gap:12px}.source-card{padding:18px}.source-card h4{font-size:15px}.source-card p{font-size:12px}.audience-grid{grid-template-columns:1fr;gap:16px}.audience-card{padding:28px;min-height:0}.audience-card h3{font-size:24px}.audience-card p{font-size:14px}.experts-heading{display:block;margin-bottom:30px}.experts-heading h2{font-size:29px}.experts-heading p{margin-top:20px;font-size:14px}.experts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-item{padding:22px 10px}.expert-item h4{font-size:14px}.expert-item>span{font-size:11px}.pricing-grid{grid-template-columns:1fr;gap:24px}.price-card{padding:28px}.price-card .detail-row{display:flex}.price-card .detail-row>span{margin:0}.price-card h3{font-size:30px}.price-card li{font-size:14px}.price-card .detail-box p{font-size:20px}.partnership-layout{grid-template-columns:1fr;gap:35px}.partnership-copy h3{font-size:27px}.partner-form{padding:24px;border-radius:22px}.partner-form label:has(input[type=radio]){font-size:11px;padding:10px}.partner-form input:not([type=radio]):not([type=checkbox]),.partner-form textarea{font-size:14px;padding:13px}.closing{padding-block:85px}.closing h2{font-size:34px;line-height:1.4}.closing p{font-size:14px}.footer-top{display:block}.footer-links{gap:15px;margin-top:25px;font-size:11px}.footer-copy{font-size:11px}.footer-logo{width:130px}.footer-wordmark{margin-top:30px;font-size:23vw}.footer-bottom{font-size:10px}.service-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:22px}.dialog-bar{padding:12px 16px}.dialog-tabs button{padding:9px 14px;font-size:12px;min-height:42px}.dialog-content{grid-template-columns:1fr;gap:15px;padding:22px 20px 30px}.dialog-device{min-height:565px;order:2}.dialog-copy{order:1}.dialog-copy h2{font-size:27px}.dialog-copy p{font-size:13px;margin:15px 0}.dialog-copy .example-note{font-size:11px}.dialog-copy .button{min-height:46px;font-size:12px;padding:11px 21px}.service-dialog[data-view=legacy] .dialog-content{grid-template-columns:1fr}.service-dialog[data-view=legacy] .dialog-device{min-height:430px}.service-dialog[data-view=legacy] .device-summary{grid-template-columns:repeat(2,1fr)}.service-dialog[data-view=legacy] .device-canvas{height:220px}.back-top{right:15px;bottom:15px;width:42px;height:42px}.intro-brand{width:120px;top:26px}.intro-bottom{font-size:10px;bottom:23px}.intro-pieces{height:55vw}.intro-logo{width:65vw}}
@media(max-width:359px){:root{--gutter:16px}.header-logo{width:100px}.nav-capsule button{padding:7px 11px;font-size:10px}.nav-menu{width:38px;height:38px}.hero-title{font-size:29px}.address-search{padding-left:12px;gap:8px}.address-search input{font-size:11px}.address-search .button{font-size:11px;padding:12px 13px}.device-phone{width:270px}.phone-orbit{width:270px;height:270px}.feasibility .detail-grid.three{grid-template-columns:1fr}.feasibility .detail-grid.three>div{display:flex;align-items:center;justify-content:space-between}.feasibility .detail-grid.three p{margin:0}.chat-card>.detail-row p{font-size:10px}.stat-item p{font-size:31px}.partner-form{padding:20px}.partner-form div:has(>label>input[type=radio]){grid-template-columns:1fr}.dialog-content{padding-inline:14px}.dialog-device .device-phone{width:255px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}.motion-ready .reveal{opacity:1;translate:none}.motion-ready .gauge-fill{transform:none}.device-phone{transform:none}.workflow-step{position:relative;top:auto}.workflow-heading{position:static}.hero-video,.closing video{display:none}.hero{background:#426b58 url(city-poster.jpg) center/cover}.closing{background:#e5efdf url(city-poster.jpg) center/cover}.slogan-cursor{display:none}}

/* Final navigation sizing and hero controls. */
.nav-main{flex-shrink:0}.nav-capsule button{white-space:nowrap}.address-search input{text-overflow:ellipsis}
.back-top{opacity:0;pointer-events:none;translate:0 12px;transition:opacity 180ms ease,translate 180ms var(--ease)}
.back-top.is-visible{opacity:1;pointer-events:auto;translate:0 0}
@media(max-width:767px){.site-header{gap:12px}.header-logo{width:110px}.nav-capsule button{font-size:10.5px;padding-inline:9px}}
@media(max-width:359px){.site-header{gap:10px}.header-logo{width:95px}.nav-capsule button{font-size:9.5px;padding-inline:7px}.nav-main{gap:6px}.nav-menu{width:36px;height:36px}}

.site-header .nav-anchors{display:none}.hero-title .light{font-weight:300}
@media(max-width:767px){.stat-item p{font-size:clamp(24px,6.5vw,36px)}.partner-form label:has(input[type=radio]){font-size:12px}}

.feasibility .detail-box > .gauge-fill{background:#00aa7d}

.chat-answer{flex:1;min-width:0}.chat-question{min-width:0}.chat-card input{text-overflow:ellipsis}
@media(min-width:768px) and (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.stat-item:nth-child(3){border:0;padding-left:0}.stat-item p{font-size:42px}}

.closing-video-control{position:absolute;right:var(--gutter,24px);bottom:20px;z-index:2}.closing-video-control button{min-height:40px;padding:10px 16px;border:1px solid #d2d9d3;border-radius:99px;background:#ffffffed;color:#16231e;font:inherit;font-size:12px;cursor:pointer}.story-title .soft{color:#78877c}@media(prefers-reduced-motion:reduce){.hero-video-control,.closing-video-control{display:none}}

/* 새 배경 영상이 밝고 색이 많아서 글자 뒤 막을 진하게(히어로는 흰 글자, 마지막 안내는 진한 글자) */
.hero::before{background:linear-gradient(90deg,rgba(5,27,22,.9),rgba(5,27,22,.78) 45%,rgba(5,27,22,.4))}
@media(max-width:767px){.hero::before{background:linear-gradient(90deg,rgba(9,42,32,.9),rgba(9,42,32,.76))}}
.closing::before{background:#e7f1e3e8}

/* 헤더 캡슐: 랜디큐 바로가기(새 창)와 전문가 찾기(검은 바탕, 새 창). 원래 버튼 모양 그대로 링크에 */
.nav-capsule{gap:4px}
.nav-capsule a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 24px;font-size:13px;font-weight:600;border-radius:999px;color:inherit;text-decoration:none;white-space:nowrap;transition:background 180ms ease}
.nav-capsule a:hover{background:#edf1e9}
.nav-capsule a.is-dark{background:#16231e;color:#fff;padding-inline:20px}
.nav-capsule a.is-dark:hover{background:#0b1712}
.nav-capsule .link-arrow{width:16px;height:16px}
/* 모바일 헤더는 자리가 없어 전문가 찾기는 전체 메뉴 안으로 */
@media(max-width:767px){.nav-capsule a{padding:8px 14px;font-size:11px;min-height:40px}.nav-capsule a.is-dark{display:none}}
@media(max-width:359px){.nav-capsule a{padding:7px 11px;font-size:10px}}

/* 첫 화면 검색 버튼: 검정 바탕 흰 글자 */
.address-search .button-primary{background:#000;color:#fff;border-color:#000}
.address-search .button-primary:hover,.address-search .button-primary:focus-visible{background:#222;color:#fff}

/* 헤더 버튼 두 개를 캡슐 하나로 묶지 말고 각자 알약으로 */
.nav-capsule{background:none;box-shadow:none;padding:0;gap:8px}
.nav-capsule a{background:#ffffffed;box-shadow:0 2px 12px #05281710}
.nav-capsule a:hover{background:#fff}
.nav-capsule a.is-dark{background:#000}
.nav-capsule a.is-dark:hover{background:#222}

/* 검토 단계 벽돌 섹션. 피그마 workflow(2114:70) 1440 기준 값을 --u(1440에서 1px)로 줄여 씀 */
@font-face{font-family:Paperlogy;src:url(Paperlogy-6SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Paperlogy;src:url(Paperlogy-7Bold.woff2) format('woff2');font-weight:700;font-display:swap}
.stack{--u:min(1px,calc(100vw / 1440));position:relative;overflow:hidden;background:#fff;padding-top:calc(52.56 * var(--u))}
.stack-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:var(--gutter,24px)}
.stack-title{margin:0;max-width:602.1px;font-family:Paperlogy,SCore,sans-serif;font-weight:700;font-size:clamp(30px,calc(53.64 * var(--u)),53.64px);line-height:1.249;letter-spacing:-.025em;color:#16231e;word-break:keep-all}
.stack-copy{margin:15px 0 0;max-width:600px;font-size:12.96px;line-height:18px;font-weight:400;color:#7a7e7c;word-break:keep-all}
.stack-cta{display:inline-flex;align-items:center;justify-content:center;width:169.92px;height:54px;margin-top:26.26px;border-radius:12.96px;background:#1f5539;color:#fff;font-family:Paperlogy,SCore,sans-serif;font-weight:600;font-size:16.56px;text-decoration:none;transition:background 180ms ease}
.stack-cta:hover{background:#174330}
.stack-cta:focus-visible{outline:3px solid #1f5539;outline-offset:3px}
.stack-stage{position:relative;width:calc(1440 * var(--u));height:calc(480 * var(--u));margin-inline:auto;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 calc(36 * var(--u)));mask-image:linear-gradient(#0000,#000 calc(36 * var(--u)))}
.stack-ghost{position:absolute;background:#f2f7f5;border-radius:calc(11.52 * var(--u))}
.g1{left:calc(-14.4 * var(--u));top:calc(75.36 * var(--u));width:calc(252 * var(--u));height:calc(77.04 * var(--u))}
.g2{left:calc(-14.4 * var(--u));top:calc(163.92 * var(--u));width:calc(392.4 * var(--u));height:calc(77.76 * var(--u))}
.g3{left:calc(-14.4 * var(--u));top:calc(254.64 * var(--u));width:calc(316.8 * var(--u));height:calc(76.32 * var(--u))}
.g4{left:calc(1231.2 * var(--u));top:calc(75.36 * var(--u));width:calc(223.2 * var(--u));height:calc(77.04 * var(--u))}
.g5{left:calc(1023.84 * var(--u));top:calc(163.92 * var(--u));width:calc(430.56 * var(--u));height:calc(77.76 * var(--u))}
.g6{left:calc(1224 * var(--u));top:calc(254.64 * var(--u));width:calc(230.4 * var(--u));height:calc(76.32 * var(--u))}
.stack-bricks{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.stack-brick{position:absolute;display:flex;align-items:center;padding-left:calc(36 * var(--u));border-radius:calc(10.08 * var(--u));font-family:Paperlogy,SCore,sans-serif;font-weight:600;font-size:max(14px,calc(21.6 * var(--u)));letter-spacing:-.01em;line-height:1.3;white-space:nowrap;rotate:var(--r,0deg)}
/* 기울어진 벽돌은 피그마 바깥 상자 중심에서 역산한 자리 */
.b-biz{--r:-6.6deg;--d:640ms;left:calc(325.79 * var(--u));top:calc(58.8 * var(--u));width:calc(368.64 * var(--u));height:calc(76.32 * var(--u));background:#242c29;color:#fff}
.b-3d{--r:3.1deg;--d:800ms;left:calc(731.16 * var(--u));top:calc(63.48 * var(--u));width:calc(359.28 * var(--u));height:calc(77.04 * var(--u));background:#d3e7df;color:#2d3a5e}
.b-market{--r:2.7deg;--d:380ms;left:calc(489.24 * var(--u));top:calc(158.16 * var(--u));width:calc(429.84 * var(--u));height:calc(77.76 * var(--u));background:#efdbc1;color:#c2672f}
.b-rule{--d:0ms;left:calc(403.2 * var(--u));top:calc(254.64 * var(--u));width:calc(375.12 * var(--u));height:calc(78.48 * var(--u));background:#c4672b;color:#fff}
.b-land{--d:130ms;left:calc(794.88 * var(--u));top:calc(253.92 * var(--u));width:calc(384.48 * var(--u));height:calc(78.48 * var(--u));background:#242c29;color:#fff}
/* 위에서 떨어져 툭 한 번 튀고 앉는 벽돌. 아래 줄부터 순서대로 */
.motion-ready .stack-brick,.motion-ready .stack-ghost{opacity:0}
.stack-stage.is-stacked .stack-ghost{animation:ghost-in 700ms ease both}
.stack-stage.is-stacked .stack-brick{animation:brick-drop 820ms cubic-bezier(.55,0,.75,.4) var(--d) both}
@keyframes ghost-in{to{opacity:1}}
@keyframes brick-drop{
  0%{opacity:1;translate:0 calc(-480 * var(--u) - 60px);rotate:calc(var(--r,0deg) * -1.6)}
  62%{translate:0 0;rotate:var(--r,0deg);animation-timing-function:cubic-bezier(.2,.6,.35,1)}
  78%{translate:0 calc(-14 * var(--u));animation-timing-function:cubic-bezier(.6,0,.8,.4)}
  100%{opacity:1;translate:0 0;rotate:var(--r,0deg)}
}
/* 모바일 시안이 없어서 같은 벽돌을 한 줄씩 쌓는 형태로. 기울기는 좁은 폭에 맞춰 줄임 */
@media(max-width:767px){
  .stack{padding-top:64px}
  .stack-title{font-size:30px}
  .stack-copy br{display:none}
  .stack-stage{width:auto;height:auto;margin:36px var(--gutter,22px) 0;padding:40px 0 72px;display:block;-webkit-mask-image:linear-gradient(#0000,#000 36px);mask-image:linear-gradient(#0000,#000 36px)}
  .stack-ghost{display:none}
  .stack-bricks{position:static;display:flex;flex-direction:column;gap:12px;max-width:420px;margin-inline:auto}
  .stack-brick{position:static;width:100%;height:60px;padding-left:24px;border-radius:10.08px;font-size:17px}
  .b-biz{--r:-2.4deg;--d:520ms}.b-3d{--r:1.6deg;--d:390ms}.b-market{--r:-1deg;--d:260ms}.b-rule{--d:130ms}.b-land{--d:0ms}
  .b-3d{margin-left:6%;width:94%}.b-market{width:94%}
  @keyframes brick-drop{
    0%{opacity:1;translate:0 -560px;rotate:calc(var(--r,0deg) * -2)}
    62%{translate:0 0;rotate:var(--r,0deg);animation-timing-function:cubic-bezier(.2,.6,.35,1)}
    78%{translate:0 -10px;animation-timing-function:cubic-bezier(.6,0,.8,.4)}
    100%{opacity:1;translate:0 0;rotate:var(--r,0deg)}
  }
}
@media(prefers-reduced-motion:reduce){.motion-ready .stack-brick,.motion-ready .stack-ghost{opacity:1;animation:none!important}}
/* 벽돌 섹션도 화면 한 장을 꽉 채움. 내용은 세로 가운데 */
.stack{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:calc(52.56 * var(--u))}
.stack-head,.stack-stage{flex-shrink:0}
/* 위에 떠 있는 헤더만큼 비워야 제목이 안 가려짐 */
.stack{padding-top:96px}
@media(max-width:767px){.stack{padding-top:88px;padding-bottom:0}.stack-stage{margin-top:24px;padding-bottom:32px}}
/* 새로운 경험 섹션: 흰 바탕, 글자는 전부 검정 */
.experience{background:#fff}
.experience-copy .eyebrow,.experience-copy .section-title,.experience-copy p,.experience-copy .example-note{color:#000}
/* 전문가 섹션도 흰 바탕 */
.experts{background:#fff}

/* 스토리 섹션 흰 바탕 */
.story{background:#fff}

/* 6대 심층 분석: 피그마 리스트형(2186:2). 1440에서 왼쪽 418 + 오른쪽 799, 좌우 65 */
.sol{background:#fff;padding:102px 0 104px}
.sol-wrap{display:grid;grid-template-columns:minmax(0,420px) minmax(0,799px);justify-content:space-between;gap:48px;max-width:1440px;margin:0 auto;padding-inline:clamp(22px,4.5vw,65px)}
.sol-eyebrow{margin:2px 0 0;font-size:12px;font-weight:700;line-height:20.4px;letter-spacing:1.4px;color:#00664e}
.sol-title{margin:27.6px 0 0;font-family:Paperlogy,SCore,sans-serif;font-weight:700;font-size:clamp(40px,4.45vw,64px);line-height:1.25;letter-spacing:-3px;color:#16231e}
.sol-title span{display:block}.sol-title .soft{color:#78877c}
.sol-lead{margin:8px 0 0;max-width:420px;font-size:17px;line-height:34px;color:#5c6861;word-break:keep-all}
.sol-count{display:flex;align-items:baseline;gap:6px;margin:25px 0 0;padding-top:22px;border-top:1px solid #e3e7e4;max-width:418px}
.sol-count b{font-size:88px;font-weight:700;line-height:1;letter-spacing:-2px;color:#00664e}
.sol-count span{font-size:18px;font-weight:700;color:#16231e}
.sol-list{list-style:none;margin:0;padding:0;border-top:2px solid #16231e}
.sol-row{display:grid;grid-template-columns:111px minmax(0,1fr) auto;align-items:center;gap:0 18px;border-bottom:1px solid #e3e7e4}
.r1{min-height:196px}.r2{min-height:165px}.r3{min-height:131px}.r4{min-height:159px}.r5{min-height:149px}.r6{min-height:143px}
.sol-num{font-size:36px;font-weight:700;letter-spacing:-.5px;color:#16231e}
.sol-text{padding-block:28px}
.sol-text h3{margin:0;font-size:26px;font-weight:700;line-height:37px;letter-spacing:-.5px;color:#16231e;word-break:keep-all}
.sol-text p{margin:7px 0 0;font-size:17px;line-height:26px;color:#5c6861;word-break:keep-all}
.sol-visual{display:flex;align-items:center;justify-content:flex-end}
.sol-visual img{display:block}
.r1 .sol-visual{gap:11px}
.sol-badge{margin-right:7px;display:inline-flex;align-items:center;justify-content:center;width:97px;height:44px;border-radius:22px;background:#00664e;color:#fff;font-size:13px;font-weight:700;line-height:18px}
.r1 .sol-visual{align-items:center}
.r1 .sol-badge{align-self:center;transform:translateY(-27px)}
.sol-stat{display:flex;flex-direction:column;justify-content:center;gap:2px;width:121px;height:77px;padding:0 13px;border:1px solid #e0e5e2;border-radius:14px;background:#fff;color:#16231e}
.sol-stat+.sol-stat{width:123px}
.sol-stat small{font-size:13px}.sol-stat b{font-size:22px;font-weight:700;line-height:1.3}
.sol-rings{position:relative;width:102px;height:102px}
.sol-rings img{position:absolute}.ring51{left:0;top:0}.ring33{left:18px;top:18px}.dot{left:42px;top:42px}
.sol-pages{display:flex;align-items:baseline;gap:6px}
.sol-pages b{font-size:64px;font-weight:700;line-height:1;letter-spacing:-1.5px;color:#00664e}
.sol-pages span{font-size:16px;font-weight:700;color:#16231e}
.sol-iso{position:relative;width:94px;height:86px;margin-right:5px}
.sol-iso img{position:absolute}
.st{left:0;top:44px}.sl{left:0;top:62px}.sr{left:47px;top:62px}.cl{left:25px;top:12px}.cr{left:47px;top:12px}.ct{left:25px;top:0}
.r5 .sol-visual{flex-direction:column;align-items:flex-end;gap:6px}
.sol-bubble{display:inline-flex;align-items:center;height:42px;padding:0 15px;border:1px solid #e0e5e2;border-radius:14px;background:#fff;color:#16231e;font-size:14px;white-space:nowrap}
.sol-bubble.is-user{height:40px;border:0;background:#00664e;color:#fff;font-weight:700}
.sol-partners{display:grid;grid-template-columns:repeat(3,81px);gap:7px 6.5px}
.sol-partners span{display:flex;align-items:center;justify-content:center;height:37px;border:1px solid #e0e5e2;border-radius:10px;background:#fff;color:#16231e;font-size:13px;font-weight:700}
.sol-partners .is-on{border-color:#00664e;background:#00664e;color:#fff}
@media(max-width:1180px){.sol-wrap{grid-template-columns:minmax(0,1fr);gap:56px}.sol-intro{max-width:620px}}
@media(max-width:767px){
  .sol{padding:72px 0}
  .sol-title{letter-spacing:-2px}
  .sol-lead{font-size:15px;line-height:28px}
  .sol-count b{font-size:64px}
  .sol-row{grid-template-columns:48px minmax(0,1fr);min-height:0;padding:22px 0;gap:14px 10px}
  .sol-num{font-size:26px;align-self:start;padding-top:2px}
  .sol-text{padding:0}
  .sol-text h3{font-size:20px;line-height:30px}
  .sol-text p{font-size:15px;line-height:24px}
  .sol-visual{grid-column:2;justify-content:flex-start;flex-wrap:wrap}
  .r1 .sol-badge{transform:none}
  .r5 .sol-visual{align-items:flex-start}
  .sol-pages b{font-size:48px}
}
/* 번호 칸 111 바로 뒤에 제목. 오른쪽 그림하고만 18 띄움 */
.sol-row{column-gap:0}.sol-visual{margin-left:18px}
@media(max-width:767px){.sol-row{column-gap:10px}.sol-visual{margin-left:0}}
/* 스토리 옆 랜디큐 Q 로고. 피그마: 제목 윗선에 맞춰 x805, 504 정사각 */
.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,570px);gap:0;align-items:start}
.story-logo{display:block;width:100%;max-width:504px;height:auto;margin-top:44.4px}
@media(max-width:767px){.story-layout{grid-template-columns:1fr;gap:30px}.story-logo{width:220px;margin:12px auto 0}}
/* 스토리: 좁은 데스크톱에서 제목이 눌리지 않게 비율로 (1440에서 740:570 = 피그마 x805) */
.story-layout{grid-template-columns:minmax(0,740fr) minmax(0,570fr)}
@media(max-width:767px){.story-layout{grid-template-columns:1fr}}
/* 6대 분석: 피그마가 Noto Sans KR 기준이라 줄바꿈까지 맞추려고 같은 글꼴, 글자 단위 줄바꿈 */
.sol{font-family:'Noto Sans KR',SCore,sans-serif}
.sol-title{font-family:Paperlogy,SCore,sans-serif}
.sol-lead,.sol-text h3,.sol-text p{word-break:normal}
.sol-lead{max-width:420px}
.r1 .sol-visual{margin-left:0}
/* 피그마는 히어로와 마지막 영상 사이 섹션이 전부 흰 바탕 */
.simulator{background:#fff}
/* 서비스 폰: 피그마처럼 기울이지 않고 가운데에 세움. 폭 388.3(테두리 9 포함) */
.experience .device-phone,.experience .device-phone:hover{transform:none}
.experience .device-phone{width:388.3px;max-width:100%}
@media(max-width:1180px){.experience .device-phone{width:310px}}
@media(max-width:767px){.experience .device-phone{width:285px}}
@media(max-width:359px){.experience .device-phone{width:270px}}
/* 피그마 수동 줄바꿈 그대로. 넓은 화면에서만 고정, 좁으면 줄바꿈 풀고 자연스럽게 */
@media(min-width:1181px){.sol-lead,.r1 .sol-text h3,.r1 .sol-text p{white-space:nowrap}}
@media(max-width:1180px){.fig-br{display:none}}
/* 히어로 제목 어그로체. 굵기는 기존 그대로 두고 가까운 굵기 파일이 잡히게 세 벌 등록 */
@font-face{font-family:SBAggro;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff) format('woff');font-weight:300;font-display:swap}
@font-face{font-family:SBAggro;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff) format('woff');font-weight:500;font-display:swap}
@font-face{font-family:SBAggro;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format('woff');font-weight:700;font-display:swap}
.hero-title{font-family:SBAggro,SCore,sans-serif}

/* 스크롤 고정 메뉴: 흰 바탕, 가로 꽉, 브라우저 맨 위에 붙임. 섹션 순서대로 메뉴 */
.nav-sticky{inset:0 0 auto;padding:0;display:block;background:#fff;border:0;border-bottom:1px solid #e6e9e4;border-radius:0;backdrop-filter:none;box-shadow:0 4px 18px #0f241a0f}
.sticky-inner{display:flex;align-items:center;gap:32px;max-width:1440px;height:72px;margin:0 auto;padding-inline:var(--gutter,24px)}
.sticky-logo{flex:none}.sticky-logo img,.nav-sticky .sticky-logo img{display:block;width:110px;height:auto}
.sticky-links{display:flex;align-items:center;gap:28px;margin:0 auto;font-size:14px;font-weight:600}
.sticky-links a{position:relative;padding:8px 0;color:#16231e;text-decoration:none;white-space:nowrap}
.sticky-links a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:#16231e;transform:scaleX(0);transition:transform 200ms ease}
.sticky-links a:hover::after,.sticky-links a:focus-visible::after{transform:scaleX(1)}
.sticky-actions{display:flex;gap:8px;flex:none}
.sticky-cta{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 20px;border:1px solid #d9dfd8;border-radius:999px;background:#fff;color:#16231e;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background 180ms ease}
.sticky-cta:hover{background:#f1f4ef}
.sticky-cta.is-dark{background:#000;border-color:#000;color:#fff}.sticky-cta.is-dark:hover{background:#222}
.sticky-cta .link-arrow{width:16px;height:16px}
.sticky-menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid #d9dfd8;border-radius:50%;background:#fff;cursor:pointer}
.sticky-menu span{display:block;width:18px;height:2px;border-radius:2px;background:#16231e}
@media(max-width:1180px){.sticky-inner{gap:20px}.sticky-links{gap:18px;font-size:13px}.sticky-cta{padding-inline:14px}}
/* 메뉴가 한 줄에 안 들어가는 폭부터 햄버거로 */
@media(max-width:1023px){.sticky-links,.sticky-actions{display:none}.sticky-menu{display:inline-flex}}
@media(max-width:767px){.nav-sticky{inset:0 0 auto;padding:0}.sticky-inner{height:60px}.nav-sticky .sticky-logo img{width:100px}}
/* 전체 메뉴: 항목이 늘어서 글씨 줄이고 넘치면 스크롤 */
.mobile-menu{background:#fff;overflow-y:auto}
.mobile-menu .menu-content{margin-top:28px;gap:4px}
.mobile-menu .menu-content a{font-size:22px;padding:10px 0;color:#16231e;text-decoration:none}
.mobile-menu .menu-content .menu-cta{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600}
.mobile-menu .menu-content a:not(.menu-cta)+.menu-cta{margin-top:18px;padding-top:22px;border-top:1px solid #e6e9e4}
.footer-copy a{color:inherit;text-decoration:none}.footer-copy a:hover{text-decoration:underline}
/* 푸터 로고: 폭을 링크에만 줘서 모바일에서 그림이 화면만큼 커지던 거 */
.footer-logo{display:block;flex:none}.footer-logo img{display:block;width:100%;height:auto}
/* 푸터는 따로 두지 않고 마지막 안내 영상 섹션 맨 아래에 회사 정보만 (피그마 2290:132) */
.closing{padding-bottom:22px}
.closing-info{max-width:1440px;margin:42px auto 0;padding-inline:var(--gutter,24px);text-align:left}
.closing-info p{margin:0;font-size:12px;line-height:22.8px;color:#66715e}
.closing-info a{color:inherit;text-decoration:none}.closing-info a:hover{text-decoration:underline}
@media(max-width:767px){.closing{padding-bottom:22px}.closing-info{margin-top:36px}}
/* .closing p 의 600px 폭·가운데 정렬이 회사 정보까지 먹어서 풀어줌. 번호는 하이픈에서 안 끊기게 */
.closing .closing-info p{max-width:none;margin:0;font-size:12px;line-height:22.8px;color:#66715e}
.closing-info .nb{white-space:nowrap}
/* 스크롤바: 기본 회색 막대 대신 얇고 반투명하게, 바탕이 비치도록 */
html{scrollbar-width:thin;scrollbar-color:rgba(22,35,30,.28) transparent}
::-webkit-scrollbar{width:8px;height:8px;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(22,35,30,.26);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:rgba(22,35,30,.45)}
/* 히어로 제목 두 줄 모두 400 */
.hero-title,.hero-title span,.hero-title .light{font-weight:400}
/* 크롬 121부터는 scrollbar-width/color 를 주면 ::-webkit-scrollbar 꾸밈을 통째로 무시하고
   윈도 기본 막대(화살표 포함)를 그려버림. 표준 속성은 그걸 못 쓰는 파이어폭스에만 */
html{scrollbar-width:auto;scrollbar-color:auto}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:rgba(22,35,30,.28) transparent}}
::-webkit-scrollbar-button{display:none;width:0;height:0}