:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#1c211e;background:#f6f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #ef6c3e;outline-offset:5px;border-radius:4px}
img{max-width:100%;display:block}
.container{width:min(100% - 80px,1280px);margin-inline:auto}
.skip-link{position:absolute;z-index:200;top:-80px;left:20px;background:#1c211e;color:#fff;padding:12px 18px;border-radius:10px}
.skip-link:focus{top:14px}

.site-header{position:sticky;top:0;z-index:100;background:rgba(246,244,239,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,34,29,.1)}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:850;letter-spacing:-1.8px;line-height:1}
.wordmark-dot{color:#ef6c3e}
.brand-mark{width:27px;height:27px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-13deg)}
.brand-mark span{display:block;width:5px;border-radius:5px;background:#ef6c3e}.brand-mark span:nth-child(1){height:16px}.brand-mark span:nth-child(2){height:26px}.brand-mark span:nth-child(3){height:19px}
.main-nav{display:flex;gap:36px;margin-left:auto;margin-right:5.5vw;font-size:14px;font-weight:650}.main-nav a{transition:color .2s}.main-nav a:hover{color:#de6137}
.header-link{display:inline-flex;align-items:center;gap:16px;border:1px solid #1c211e;padding:12px 17px;border-radius:100px;font-size:13px;font-weight:750;transition:background .2s,color .2s,transform .2s;white-space:nowrap}.header-link:hover{background:#1c211e;color:#fff;transform:translateY(-2px)}.header-link span{font-size:19px;font-weight:400;line-height:.7}

.hero{min-height:min(820px,calc(100svh - 86px));display:flex;flex-direction:column;background:#f6f4ef;position:relative;overflow:hidden}
.hero-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding-top:64px;padding-bottom:30px}
.hero-copy{position:relative;z-index:2;padding-bottom:20px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:.19em;color:#626d63;margin:0 0 30px;text-transform:uppercase}.eyebrow-line{width:31px;height:2px;background:#ed6b3f;display:block}.eyebrow-orange{color:#d95830}
.hero h1{font-size:clamp(52px,5.2vw,88px);letter-spacing:-.082em;line-height:1.18;margin:0;white-space:nowrap;font-weight:850}.hero h1>span{color:#ec683c}.hero-period{color:#1c211e}
.hero-description{font-size:clamp(16px,1.35vw,19px);line-height:1.85;color:#5c655e;max-width:500px;margin:34px 0 34px;word-break:keep-all}.hero-description strong{color:#1c211e}
.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;border-radius:100px;padding:18px 22px;font-size:15px;font-weight:750;min-width:194px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(28,33,30,.18)}.button span{font-size:21px;font-weight:400;line-height:0}.button-primary{background:#1e2420;color:#fff}.hero-aside{font-size:12px;font-weight:700;letter-spacing:.06em;color:#727b73}
.hero-art{height:min(630px,60vw);min-height:480px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle at 50% 55%,#f2d4bf 0,#f2dfd0 40%,transparent 70%);filter:blur(20px);z-index:-3}
.orbit{position:absolute;border:1px solid rgba(221,114,73,.25);border-radius:50%;transform:rotate(-20deg);z-index:-2}.orbit-one{width:490px;height:490px}.orbit-two{width:600px;height:600px;opacity:.55}
.feature-tile{width:344px;height:410px;background:#ec6a3e;border:1px solid #da5b32;border-radius:31px;box-shadow:18px 25px 0 #d7d4c9,0 40px 70px rgba(126,79,45,.18);transform:rotate(-8deg);display:flex;flex-direction:column;padding:29px 30px;color:#fff;position:relative;z-index:2}
.tile-topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;letter-spacing:.13em}.tile-topline span:last-child{font-size:29px;line-height:1;letter-spacing:0}.tile-icon{width:142px;height:142px;object-fit:cover;border-radius:29px;margin:auto;box-shadow:0 18px 27px rgba(83,27,10,.2);transform:rotate(8deg)}.tile-bottomline{display:flex;align-items:end;justify-content:space-between;gap:10px}.tile-bottomline span:first-child{font-size:58px;letter-spacing:-.07em;font-weight:850;line-height:.86}.tile-bottomline span:last-child{text-align:right;font-size:13px;font-weight:700;line-height:1.45}
.floating-note{position:absolute;right:0;bottom:11%;z-index:3;padding:18px 21px;background:#fffdfa;border:1px solid #ede3d7;border-radius:18px;box-shadow:0 16px 40px rgba(75,52,36,.11);display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.45;color:#6b716b;transform:rotate(8deg)}.floating-note strong{color:#1c211e;font-size:20px}.note-spark{display:grid;place-items:center;border-radius:12px;background:#fbede2;color:#ef6c3e;font-size:21px;width:42px;height:42px}.art-label{position:absolute;color:#92978e;font-size:10px;font-weight:750;letter-spacing:.13em;line-height:1.55}.art-label-top{right:2%;top:5%;text-align:right}.art-label-bottom{left:2%;bottom:8%}
.hero-bottom{height:65px;display:flex;align-items:center;gap:18px;font-size:10px;font-weight:750;letter-spacing:.15em;color:#818880}.scroll-line{width:80px;height:1px;background:#b1b7ae}.hero-bottom span:last-child{margin-left:auto}

.section-pad{padding:128px 0}.collection{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:52px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2,.how-heading h2,.about-inner h2{font-size:clamp(36px,3.5vw,58px);letter-spacing:-.07em;line-height:1.2;margin:0;font-weight:850}.section-heading>p{color:#737b74;line-height:1.7;font-size:15px;margin:0 0 7px;word-break:keep-all}
.app-card{scroll-margin-top:110px;display:grid;grid-template-columns:1fr 1fr;min-height:640px;border:1px solid #e9e8e2;border-radius:32px;overflow:hidden;box-shadow:0 18px 40px rgba(43,49,37,.05)}
.app-card-visual{min-height:640px;background:#f4d6bf;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-card-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 50%,#ffe8d5 0%,#f4d6bf 58%,#edc9ad 100%)}.visual-caption{position:absolute;top:36px;left:38px;font-size:11px;font-weight:850;letter-spacing:.15em;z-index:2;display:flex;justify-content:space-between;width:calc(100% - 76px)}.visual-caption span{font-size:19px;font-weight:400;line-height:.6}.visual-halo{width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.8);position:absolute}.visual-halo:before,.visual-halo:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.5);inset:38px}.visual-halo:after{inset:-43px}
.phone{width:268px;height:548px;background:#1b211e;border:6px solid #1b211e;border-radius:43px;position:relative;z-index:2;box-shadow:20px 30px 40px rgba(80,63,49,.25),inset 0 0 0 2px #4a504a;transform:rotate(-7deg) translateY(31px);overflow:hidden}.phone-camera{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:78px;height:18px;background:#1b211e;border-radius:20px;z-index:4}.phone-screen{width:100%;height:100%;background:#f7f8f6;border-radius:37px;padding:43px 16px 0;overflow:hidden;color:#202822}.screen-head{display:flex;justify-content:space-between;align-items:center}.screen-logo{font-size:22px;letter-spacing:-.07em;font-weight:900}.screen-logo span{color:#ef6c3e}.screen-avatar{width:27px;height:27px;border-radius:50%;background:#e5e9e4;display:grid;place-items:center;font-size:9px;color:#718075}.screen-greeting{margin-top:36px;display:flex;flex-direction:column;gap:7px}.screen-greeting small{color:#798379;font-size:10px;font-weight:650}.screen-greeting strong{font-size:17px;letter-spacing:-.04em}.screen-summary{margin-top:21px;background:#fff;box-shadow:0 5px 18px rgba(28,33,30,.07);border-radius:15px;display:flex;align-items:center;gap:9px;padding:13px 9px}.summary-icon{background:#fff1e8;color:#ef6c3e;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:20px}.screen-summary span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.screen-summary small{color:#8b948a;font-size:8px}.screen-summary strong{font-size:10px}.screen-summary>span:last-child{color:#e76a40}.screen-label{display:flex;justify-content:space-between;align-items:center;margin:28px 0 10px;font-size:11px;font-weight:800}.screen-label span:last-child{color:#aaa;font-size:8px;font-weight:500}.screen-product{background:#fff;display:flex;align-items:center;gap:8px;padding:13px 9px;border-radius:11px;margin-bottom:8px;font-size:9px;font-weight:750;box-shadow:0 3px 9px rgba(28,33,30,.04)}.screen-product span:last-child{margin-left:auto;color:#899289;font-size:8px;font-weight:500}.product-dot{width:27px;height:27px;border-radius:9px}.product-dot.orange{background:#f9dcc6}.product-dot.green{background:#dcebdd}.screen-nav{position:absolute;bottom:0;left:0;right:0;background:#fff;height:64px;display:flex;align-items:center;justify-content:space-around;color:#939f94;font-size:19px}.scan-button{background:#ed6b3f;color:#fff;border-radius:12px;padding:9px 11px;transform:translateY(-11px);box-shadow:0 5px 12px rgba(218,88,41,.27)}.visual-footnote{position:absolute;bottom:18px;left:28px;z-index:3;font-size:10px;color:#8f624b;font-weight:650}
.app-card-content{padding:62px clamp(34px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.app-status{display:flex;align-items:center;gap:8px;color:#dd663d;font-size:12px;font-weight:750;letter-spacing:.04em;margin-bottom:28px}.status-dot{width:7px;height:7px;background:#ed6b3f;border-radius:50%;box-shadow:0 0 0 4px #fbebdf}.app-identity{display:flex;gap:16px;align-items:center}.app-identity img{width:60px;height:60px;object-fit:cover;border-radius:15px;box-shadow:0 6px 15px rgba(173,69,27,.16)}.app-identity div>span{font-size:12px;color:#90988f;font-weight:700}.app-identity h3{font-size:37px;letter-spacing:-.05em;margin:4px 0 0;line-height:1}.app-identity h3 small{font-size:19px;color:#7a837a;font-weight:700}.app-lead{font-size:clamp(24px,2.2vw,34px);font-weight:800;line-height:1.43;letter-spacing:-.065em;margin:34px 0 16px}.app-lead strong{color:#e9693d}.app-description{font-size:15px;line-height:1.8;color:#69736b;word-break:keep-all;margin:0 0 25px}.feature-list{list-style:none;margin:0;padding:0;border-top:1px solid #e6e8e2}.feature-list li{display:flex;align-items:center;border-bottom:1px solid #e6e8e2;gap:18px;padding:13px 0;font-size:14px;font-weight:720}.feature-list li span:last-child{margin-left:auto;color:#a6aca5;font-size:20px;font-weight:400;line-height:1}.feature-number{font-size:10px;color:#e9693d;letter-spacing:.06em}.text-link{margin-top:28px;width:max-content;display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:790;border-bottom:1px solid #1c211e;padding-bottom:7px;transition:gap .2s,color .2s}.text-link:hover{gap:29px;color:#e9693d}

.how-section{background:#f6f4ef}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.how-heading{position:sticky;top:145px}.how-heading h2 span{color:#ef6c3e}.how-heading>p:last-child{font-size:16px;line-height:1.8;color:#6f786f;max-width:430px;word-break:keep-all;margin:25px 0 0}.steps{border-top:1px solid #daddd4}.step{display:grid;grid-template-columns:46px 1fr 25px;gap:24px;align-items:start;padding:33px 0 37px;border-bottom:1px solid #daddd4}.step>span:first-child{color:#e9693d;font-size:12px;font-weight:800}.step h3{margin:0;font-size:24px;letter-spacing:-.06em}.step p{color:#788077;font-size:14px;line-height:1.65;margin:8px 0 0}.step>span:last-child{font-size:19px;color:#b2b8ae;line-height:1}

.about-section{background:#202721;color:#f6f4ef;padding:84px 0}.about-inner{display:grid;grid-template-columns:100px 1fr auto;gap:35px;align-items:center}.about-star{font-size:84px;color:#ee7044;line-height:1}.about-inner .eyebrow{color:#e29678;margin-bottom:15px}.about-inner h2{font-size:clamp(32px,3.4vw,53px)}.about-inner div>p:last-child{max-width:540px;color:#aeb8ae;line-height:1.7;font-size:15px;margin:17px 0 0;word-break:keep-all}.back-top{border:1px solid #899388;border-radius:100px;padding:14px 17px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:30px;white-space:nowrap;transition:background .2s,color .2s}.back-top:hover{background:#f6f4ef;color:#202721}.back-top span{font-size:19px;line-height:.8}
.site-footer{background:#202721;color:#f6f4ef;border-top:1px solid #3b463d}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:95px}.footer-wordmark{font-size:23px}.footer-inner p,.footer-inner>span{font-size:12px;color:#aab4aa;margin:0}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){.hero h1{font-size:clamp(52px,5.2vw,70px)}.feature-tile{width:290px;height:355px}.tile-icon{width:125px;height:125px}.tile-bottomline span:first-child{font-size:49px}.orbit-one{width:390px;height:390px}.orbit-two{width:500px;height:500px}.app-card-content{padding:44px}.app-card-visual{min-height:600px}.app-card{min-height:600px}}
@media(max-width:800px){.container{width:min(100% - 40px,640px)}.header-inner{min-height:72px}.wordmark{font-size:24px}.main-nav{display:none}.header-link{padding:10px 13px;font-size:11px;gap:7px}.hero{min-height:0}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:73px;padding-bottom:18px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(44px,9vw,69px)}.hero-description{margin:24px 0 26px;font-size:16px}.hero-art{height:430px;min-height:0;margin-top:20px}.feature-tile{width:250px;height:305px;border-radius:25px;padding:23px;box-shadow:12px 17px 0 #d7d4c9,0 30px 50px rgba(126,79,45,.16)}.tile-icon{width:109px;height:109px;border-radius:24px}.tile-bottomline span:first-child{font-size:41px}.tile-bottomline span:last-child{font-size:11px}.orbit-one{width:330px;height:330px}.orbit-two{width:420px;height:420px}.art-label{font-size:8px}.floating-note{right:3%;bottom:4%;padding:11px 14px;font-size:10px}.floating-note strong{font-size:16px}.note-spark{width:31px;height:31px;font-size:16px}.hero-bottom{height:50px}.section-pad{padding:86px 0}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin-top:18px}.app-card{grid-template-columns:1fr}.app-card-visual{min-height:560px}.app-card-content{padding:43px 36px 49px}.how-grid{grid-template-columns:1fr;gap:38px}.how-heading{position:static}.about-inner{grid-template-columns:60px 1fr;gap:18px}.about-star{font-size:58px}.back-top{grid-column:2;justify-self:start;margin-top:10px}.footer-inner{flex-wrap:wrap;padding:28px 0;min-height:0}.footer-inner p{display:none}}
@media(max-width:480px){.container{width:min(100% - 36px,440px)}.hero-grid{padding-top:62px}.hero h1{font-size:clamp(40px,10vw,49px);letter-spacing:-.075em}.hero-description{font-size:15px}.hero-actions{gap:20px}.button{padding:16px 19px;min-width:167px;font-size:13px;gap:22px}.hero-aside{font-size:10px}.hero-art{height:365px}.feature-tile{width:218px;height:265px;padding:19px}.tile-icon{width:94px;height:94px;border-radius:21px}.tile-bottomline span:first-child{font-size:36px}.tile-bottomline span:last-child{font-size:10px}.tile-topline{font-size:8px}.tile-topline span:last-child{font-size:24px}.orbit-one{width:290px;height:290px}.orbit-two{width:365px;height:365px}.art-label-top{top:2%}.art-label-bottom{bottom:3%}.floating-note{right:0;bottom:0}.section-heading h2,.how-heading h2{font-size:35px}.app-card{border-radius:24px}.app-card-visual{min-height:490px}.phone{transform:rotate(-7deg) translateY(30px) scale(.83)}.visual-caption{top:25px;left:25px;width:calc(100% - 50px)}.visual-footnote{font-size:9px;left:18px;bottom:14px}.app-card-content{padding:38px 26px 44px}.app-identity h3{font-size:32px}.app-lead{font-size:25px;margin-top:26px}.app-description{font-size:14px}.feature-list li{font-size:13px}.step{grid-template-columns:29px 1fr 18px;gap:16px}.step h3{font-size:20px}.step p{font-size:13px}.about-section{padding:65px 0}.about-inner{grid-template-columns:1fr}.about-star{font-size:53px}.back-top{grid-column:1}.footer-inner>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}.button,.header-link,.text-link,.back-top{transition:none}}

/* Refinements: the same palette, with more depth and movement. */
:root { --ease-out: cubic-bezier(.22,1,.36,1); --orange: #ec683c; }
button { font: inherit; }
button:focus-visible { outline: 3px solid #a34322; outline-offset: 4px; }
[hidden] { display: none !important; }
.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; }
.reading-progress { position:absolute; top:0; left:0; width:100%; height:2px; background:var(--orange); transform:scaleX(var(--reading-progress,0)); transform-origin:left; }
.main-nav a { position:relative; padding:8px 0; }
.main-nav a::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ease-out); }
.main-nav a:hover::after,.main-nav a[aria-current="location"]::after { transform:scaleX(1); }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.23; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23938b7f' opacity='.19' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.hero h1 .title-line { display:block; overflow:hidden; padding-bottom:.08em; margin-bottom:-.08em; color:#1c211e; }
.hero h1 .title-line-accent { color:var(--orange); }
.title-line>span { display:block; }
.hero-bottom a { display:inline-flex; align-items:center; gap:18px; }
.scroll-arrow { font-size:17px; color:var(--orange); }
.hero-art { transform:translateY(var(--art-scroll,0px)); }
.feature-tile { transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-8deg); transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out); background:linear-gradient(145deg,#f28454 0%,#ec6a3e 44%,#dc5830 100%); border-color:rgba(192,69,29,.32); }
.feature-tile::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 1px 1px 0 rgba(255,255,255,.35); background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 42%); }
.orbit-point { position:absolute; top:15%; left:12%; width:10px; height:10px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 6px #f6f4ef; }
.orbit-two::after { content:""; position:absolute; width:6px; height:6px; background:#858d7d; border-radius:50%; bottom:15%; right:12%; }
.art-label { color:#737b70; }
.accent-period { color:var(--orange); }
.section-heading h2 { max-width:700px; }
.app-card { box-shadow:0 20px 60px -30px rgba(44,52,33,.18); }
.app-card-visual { min-height:720px; }
.visual-caption>span { font-size:9px; line-height:1.5; color:#876650; letter-spacing:.09em; }
.phone { transform:rotate(-7deg) translateY(-28px); box-shadow:24px 36px 60px -12px rgba(69,44,25,.35),inset 0 0 0 2px #5d6259; transition:transform .8s var(--ease-out); }
.app-card-visual:hover .phone { transform:rotate(-3deg) translateY(-32px); }
.screen-greeting { margin-top:27px; }
.screen-greeting strong { font-size:16px; }
.screen-greeting small { font-size:9px; letter-spacing:.04em; }
.demo-scene { animation:scene-in .5s var(--ease-out) both; }
.scanner { height:160px; margin:23px 8px 0; position:relative; display:grid; place-items:center; background:#eeeee8; border-radius:16px; }
.barcode { width:123px; height:62px; background:repeating-linear-gradient(90deg,#333b31 0 2px,transparent 2px 5px,#333b31 5px 6px,transparent 6px 9px,#333b31 9px 13px,transparent 13px 16px,#333b31 16px 17px,transparent 17px 21px); }
.scanner-corner { position:absolute; width:19px; height:19px; border-color:var(--orange); border-style:solid; border-width:0; }
.corner-tl { left:10px; top:10px; border-width:2px 0 0 2px; border-radius:6px 0 0 0; }
.corner-tr { right:10px; top:10px; border-width:2px 2px 0 0; border-radius:0 6px 0 0; }
.corner-bl { left:10px; bottom:10px; border-width:0 0 2px 2px; border-radius:0 0 0 6px; }
.corner-br { right:10px; bottom:10px; border-width:0 2px 2px 0; border-radius:0 0 6px 0; }
.scan-line { position:absolute; height:2px; width:calc(100% - 28px); top:50%; background:var(--orange); box-shadow:0 0 14px 2px rgba(236,104,60,.3); }
.screen-hint { color:#6e776d; font-size:9px; text-align:center; margin:14px 0 19px; }
.demo-result { background:#fff; border:1px solid #eaede6; border-radius:14px; padding:13px 11px; display:flex; align-items:center; gap:9px; }
.demo-result div { display:flex; flex-direction:column; gap:5px; }
.demo-result small { color:#7f887b; font-size:8px; }
.demo-result strong { font-size:10px; }
.result-check { width:28px; height:28px; display:grid; place-items:center; color:#54765a; background:#eef3e9; border-radius:50%; font-size:12px; }
.date-capture { margin:23px 8px 0; height:160px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; border-radius:16px; background:#eee9dc; }
.capture-label { font-size:9px; color:#85785d; }
.date-capture strong { font-family:monospace; font-size:23px; color:#4e4e38; letter-spacing:-.04em; }
.capture-focus { position:absolute; left:20px; right:20px; top:76px; height:41px; border:1px solid var(--orange); border-radius:7px; background:rgba(236,104,60,.04); }
.team-preview { display:flex; flex-direction:column; align-items:center; gap:8px; padding:28px 0 24px; }
.team-preview>strong { font-size:14px; }.team-preview>small { font-size:9px; color:#7c8778; }
.team-avatars { display:flex; padding-left:9px; margin-bottom:5px; }
.team-avatars span { display:grid; place-items:center; margin-left:-9px; width:43px; height:43px; border:3px solid #f7f8f6; background:#e3e8d9; border-radius:50%; font-size:12px; font-weight:800; color:#647058; }
.team-avatars span:nth-child(2) { background:#f4dcc7; color:#a66a46; }.team-avatars span:nth-child(3) { background:#e5dfd4; color:#81705b; }
.demo-controls { position:absolute; bottom:60px; z-index:5; display:flex; padding:5px; gap:3px; background:rgba(255,253,247,.8); border:1px solid rgba(255,255,255,.8); backdrop-filter:blur(12px); border-radius:100px; box-shadow:0 8px 30px rgba(126,88,58,.08); }
.demo-controls button { display:flex; align-items:center; gap:7px; border:0; background:transparent; color:#775e4d; border-radius:100px; padding:12px 14px; min-height:44px; font-size:11px; font-weight:750; white-space:nowrap; cursor:pointer; transition:background .3s,color .3s,box-shadow .3s; }
.demo-controls button span { font-size:9px; opacity:.6; }
.demo-controls button[aria-pressed="true"] { color:white; background:#262e25; box-shadow:0 3px 10px rgba(37,46,37,.13); }
.demo-controls button:not([aria-pressed="true"]):hover { background:#f1e1d1; color:#4b463b; }
.visual-footnote { width:100%; left:0; text-align:center; bottom:25px; color:#825b43; font-weight:500; }
.feature-list li { transition:padding .35s var(--ease-out),background .35s; }
.feature-list li:hover { padding-left:8px; background:#fdf9f4; }
.feature-list li span:last-child { transition:transform .35s var(--ease-out),color .35s; }
.feature-list li:hover span:last-child { color:var(--orange); transform:translate(2px,-2px); }
.step { transition:border-color .4s; }.step:hover { border-color:#b59b7e; }
.about-section { position:relative; overflow:hidden; padding-bottom:0; }
.closing-wordmark { color:#313c32; font-size:clamp(100px,20.6vw,300px); font-weight:850; letter-spacing:-.085em; line-height:.84; padding-top:70px; padding-bottom:25px; user-select:none; }
.closing-wordmark span { color:#ef6c3e; }
.reveal { transform:translateY(28px); transition:opacity .9s var(--ease-out),transform .9s var(--ease-out); }
.step:nth-child(2) { transition-delay:.09s; }.step:nth-child(3) { transition-delay:.18s; }
.motion-paused * { animation-play-state:paused !important; }

@media(prefers-reduced-motion:no-preference) {
  .title-line>span { animation:title-in 1.2s var(--ease-out) both; }
  .title-line-accent>span { animation-delay:.13s; }
  .hero-copy .eyebrow { animation:soft-in .9s var(--ease-out) both; }
  .hero-description { animation:soft-in 1s .24s var(--ease-out) both; }
  .hero-actions { animation:soft-in 1s .36s var(--ease-out) both; }
  .feature-tile { animation:tile-in 1.4s .16s var(--ease-out) backwards; }
  .floating-note { animation:note-float 6s 1.4s ease-in-out infinite; }
  .orbit-one { animation:orbit-turn 36s linear infinite; }
  .orbit-two { animation:orbit-turn 55s linear reverse infinite; }
  .tile-topline span:last-child { animation:spark-turn 20s linear infinite; }
  .scan-line { animation:scan-sweep 3.2s ease-in-out infinite; }
  .scroll-arrow { animation:scroll-nudge 2.8s 2s ease-in-out infinite; }
  .about-inner.is-visible .about-star { animation:star-in 1.5s var(--ease-out) both; }
}
@keyframes title-in { from { transform:translateY(115%); } to { transform:translateY(0); } }
@keyframes soft-in { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
@keyframes tile-in { from { opacity:0; transform:perspective(900px) rotateY(-24deg) rotate(-16deg) translateY(60px) scale(.92); } to { opacity:1; transform:perspective(900px) rotate(-8deg); } }
@keyframes note-float { 0%,100% { transform:translateY(0) rotate(8deg); } 50% { transform:translateY(-9px) rotate(5deg); } }
@keyframes orbit-turn { from { transform:rotate(-20deg); } to { transform:rotate(340deg); } }
@keyframes spark-turn { to { transform:rotate(360deg); } }
@keyframes scan-sweep { 0%,100% { transform:translateY(-48px); opacity:.35; } 50% { transform:translateY(48px); opacity:1; } }
@keyframes scene-in { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes scroll-nudge { 0%,70%,100% { transform:translateY(0); } 82% { transform:translateY(4px); } }
@keyframes star-in { from { opacity:0; transform:rotate(-100deg) scale(.65); } to { opacity:1; transform:rotate(0) scale(1); } }

@media(max-width:1100px) { .app-card-content { padding:44px 36px; }.demo-controls button { padding:11px 12px; } }
@media(max-width:800px) {
  .app-card-visual { min-height:690px; }
  .phone { transform:rotate(-7deg) translateY(-22px); }
  .app-card-visual:hover .phone { transform:rotate(-7deg) translateY(-22px); }
  .hero-art { transform:none; }
  .closing-wordmark { font-size:clamp(95px,20vw,150px); padding-top:55px; padding-bottom:18px; }
  .hero-bottom span:last-child { font-size:9px; letter-spacing:0; }
  .scroll-line { width:35px; }
}
@media(max-width:480px) {
  .app-card-visual { min-height:590px; }
  .phone,.app-card-visual:hover .phone { transform:rotate(-7deg) translateY(-20px) scale(.83); }
  .demo-controls { bottom:50px; padding:4px; gap:0; }
  .demo-controls button { padding:11px 10px; font-size:10px; gap:5px; }
  .demo-controls button span { font-size:8px; }
  .visual-footnote { bottom:21px; }
  .visual-caption>span { font-size:7px; }
  .app-card-content { padding:38px 26px 44px; }
  .closing-wordmark { font-size:20.5vw; padding-top:50px; padding-bottom:15px; }
  .hero-bottom { gap:10px; }.hero-bottom a { gap:7px; font-size:8px; }.scroll-line { width:20px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .hero-art { transform:none; }
  .feature-tile { transform:rotate(-8deg); }
  .reveal,.reveal.is-visible { opacity:1; transform:none; }
}