/* SINSEOL SHOP: editorial product storefront; intentionally no external fonts or assets. */
:root{color-scheme:light;--paper:#f4f3ee;--white:#fff;--ink:#14242c;--muted:#5e6c70;--line:#d8dedb;--dark:#12232c;--aqua:#73d1c9;--card:#e7ebe7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family: "Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif;line-height:1.6;word-break:keep-all}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #328f86;outline-offset:5px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em}
.container{max-width:1240px;padding-inline:36px;margin-inline:auto}
.skip{position:absolute;top:-100px;left:12px;background:white;color:#111;padding:12px 16px;z-index:10}
.skip:focus{top:12px}
.utility{background:var(--dark);color:#c7d5d6;font-size:12px;letter-spacing:.015em}
.utility-inner{min-height:34px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.utility a:hover,.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.site-header{background:#f7f7f3;border-bottom:1px solid var(--line)}
.header-inner{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand-symbol{display:inline-grid;place-items:center;width:38px;height:38px;font-weight:900;font-size:22px;line-height:1;letter-spacing:-.1em;color:var(--dark);border:2px solid var(--dark)}
.symbol-dot{color:#309f97}
.brand-text{font-size:17px;font-weight:800;letter-spacing:.025em}
.brand-text b{font-weight:500;color:#69797d;margin-left:2px}
.site-header nav{display:flex;gap:37px;align-items:center}
.site-header nav a{font-size:13px;font-weight:650;color:#657479;position:relative}
.site-header nav a:hover,.site-header nav a.active{color:var(--dark)}
.site-header nav a.active:after{content:"";position:absolute;bottom:-34px;left:0;right:0;height:2px;background:var(--dark)}
.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.18em}
.eyebrow{display:flex;align-items:center;gap:11px;color:#3c7776}
.tiny-square{width:8px;height:8px;background:#2d928b;display:inline-block}
.hero{padding-top:106px;padding-bottom:48px}
.hero h1{font-size:clamp(60px,7.2vw,108px);font-weight:800;line-height:1.16;max-width:980px;letter-spacing:-.085em;margin:32px 0 36px}
.hero h1 em,.product-hero h1 em{font-style:normal;color:#78938f}
.hero-description{font-size:18px;color:var(--muted);max-width:580px;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:37px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 21px;font-size:13px;font-weight:800;min-height:52px;transition:background .18s ease,transform .18s ease}
.button:not(.button-disabled):hover{transform:translateY(-2px)}
.button-primary{background:var(--dark);color:white;min-width:198px}
.button-primary:hover{background:#2b4f56}
.button-dark{background:var(--dark);color:white}
.button-dark:hover{background:#315258}
.text-link{font-size:13px;font-weight:750;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:4px}
.text-link:hover{color:#277f79}
.hero-index{display:flex;justify-content:space-between;color:#77878b;font-size:11px;letter-spacing:.11em;border-top:1px solid var(--line);padding-top:18px;margin-top:112px}
.collection{background:#e9edeb;padding:90px 0 112px}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.kicker{color:#397c79;margin-bottom:15px}
.section-top h2{font-size:clamp(40px,4.6vw,64px);line-height:1.17;margin:0}
.section-top>p{font-size:13px;color:var(--muted);max-width:280px;text-align:right;margin-bottom:7px}
.product-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#f7f7f2;min-height:510px;border:1px solid #d6dfda}
.feature-art{background:#152a33;position:relative;min-height:510px;padding:32px;overflow:hidden;color:#a9c7c7;display:flex;flex-direction:column;justify-content:space-between}
.feature-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(to right,#afdddd 1px,transparent 1px),linear-gradient(to bottom,#afdddd 1px,transparent 1px);background-size:36px 36px}
.art-topline,.art-footnote{position:relative;z-index:1;font-size:10px;letter-spacing:.12em}
.art-footnote{color:#769a9d;letter-spacing:0}
.app-preview{position:relative;margin:18px auto;width:88%;max-width:500px;min-height:280px;transform:rotate(-3deg);background:#edf0ec;border:7px solid #31464c;border-radius:8px;box-shadow:20px 28px 0 #0b2026,0 38px 55px #08192170;color:#1e3b43;overflow:hidden}
.app-top{height:36px;background:#dce6e2;color:#36525a;display:flex;align-items:center;gap:10px;padding:0 13px;font-size:9px;letter-spacing:.09em;border-bottom:1px solid #bccdc8}
.app-top span:last-child{margin-left:auto;color:#698585}
.app-led{width:9px;height:9px;background:#4aa198;border-radius:100%}
.app-body{display:flex;min-height:255px}
.app-side{width:56px;background:#233b43;padding:22px 15px;display:flex;flex-direction:column;align-items:center;gap:20px}
.app-side i{background:#6b9294;width:14px;height:14px;border-radius:3px}
.app-side i:first-child{background:#89d5c9}
.app-main{flex:1;padding:26px 28px}
.app-main small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#739296}
.app-main strong{display:block;margin:12px 0;font-size:29px;letter-spacing:-.06em}
.app-bars{display:flex;flex-direction:column;gap:8px}
.app-bars i{display:block;width:83%;height:7px;background:#c2d2ce}
.app-bars i:nth-child(2){width:56%}
.app-bars i:nth-child(3){width:72%}
.app-preview-card{height:69px;display:flex;gap:8px;margin-top:22px}
.app-preview-card span{flex:1;background:#d6e3de}
.app-preview-card span:first-child{background:#7db4a8}
.feature-copy{display:flex;flex-direction:column;padding:43px 46px}
.feature-label{display:flex;justify-content:space-between;align-items:center;gap:12px}
.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #bccdc6;padding:8px 11px;font-size:11px;font-weight:750;background:#e6ede8}
.status-dot{width:7px;height:7px;background:#418d86;border-radius:50%}
.product-id{font-size:10px;letter-spacing:.14em;color:#87928f}
.product-overline{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6e8986;margin-top:48px;margin-bottom:9px}
.feature-copy h3{font-size:clamp(53px,5.5vw,80px);line-height:1.02;margin-bottom:26px}
.heading-period{color:#419f93}
.feature-copy>p:not(.product-overline){color:#51666c;font-size:15px;line-height:1.9;max-width:380px}
.product-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.product-facts span{border:1px solid #cbd5d0;padding:6px 10px;color:#61777a;font-size:10px}
.feature-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:30px}
.muted-price{font-size:11px;color:#728585}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:116px;padding-bottom:125px}
.principles h2{font-size:clamp(33px,3.6vw,47px);line-height:1.3}
.principle-list>div{display:grid;grid-template-columns:58px 1fr;gap:17px;border-bottom:1px solid var(--line);padding:20px 0}
.principle-list>div:first-child{border-top:1px solid var(--line)}
.principle-list span{font-size:12px;color:#4b928d;font-weight:800}
.principle-list p{margin:0;font-size:15px;font-weight:650}
.site-footer{background:#111f27;color:#e0e9e8;padding:55px 0 38px}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:40px}
.footer-brand .brand-symbol{border-color:#e0e9e8;color:#e0e9e8}
.footer-brand .brand-text b{color:#8fa6a7}
.footer-inner p{font-size:12px;color:#9bb0af;margin-top:22px}
.footer-nav{display:flex;flex-wrap:wrap;gap:26px;align-self:center;font-size:12px;color:#bbcdcb}
.footer-inner small{font-size:11px;color:#809a9d;grid-column:1/-1;border-top:1px solid #34434a;padding-top:24px}
.product-hero{padding-top:44px;padding-bottom:94px}
.back-link{display:inline-block;color:#607579;font-size:13px;margin-bottom:50px}
.back-link:hover{text-decoration:underline}
.product-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:65px;align-items:start}
.product-hero h1{font-size:clamp(68px,8.3vw,115px);line-height:1.02;margin:27px 0 33px;letter-spacing:-.085em}
.lead{font-size:clamp(23px,2.65vw,34px);font-weight:700;line-height:1.45;letter-spacing:-.045em}
.body-copy{max-width:580px;color:#637379;font-size:15px;line-height:2}
.purchase-panel{border:1px solid #cdd5d0;background:#f9faf7;padding:28px;box-shadow:8px 8px 0 #e4eae5}
.purchase-name{font-size:23px;font-weight:800;letter-spacing:-.045em;margin-top:30px}
.purchase-panel .muted{color:#667a7d;font-size:12px;line-height:1.8;margin:12px 0 22px}
.price-pending{border-top:1px solid var(--line);font-size:38px;font-weight:800;padding-top:25px;letter-spacing:-.055em}
.small-note{color:#6d8183;font-size:12px;line-height:1.85;margin:12px 0 24px}
.button-disabled{display:flex;justify-content:center;width:100%;background:#d7dedb;color:#647675;cursor:not-allowed}
.purchase-contact{display:block;text-align:center;font-size:12px;margin-top:20px;color:#466e6c;text-decoration:underline;text-underline-offset:4px}
.product-art-section{background:#173039;padding:65px 0 40px}
.product-art-layout{max-width:970px;margin:auto}
.product-art-layout>p{color:#87a7a9;font-size:11px;text-align:right;margin:17px 0 0}
.concept-window{background:#e6eeeb;border:8px solid #334c54;min-height:380px;box-shadow:19px 23px 0 #0b232a}
.concept-main{display:flex;min-height:350px}
.concept-sidebar{background:#263f48;min-width:200px;display:flex;flex-direction:column;gap:12px;padding:30px 20px;color:#abbfc0}
.concept-sidebar span{font-size:10px;letter-spacing:.16em;margin-bottom:19px}
.concept-sidebar b{font-size:12px;padding:8px 12px;font-weight:500}
.concept-sidebar b:nth-child(3){background:#3f636a;color:white}
.concept-canvas{padding:48px 55px;background:#e9efe9;flex:1}
.concept-canvas>span{font-size:10px;letter-spacing:.17em;color:#6a8584;font-weight:800}
.concept-canvas strong{font-size:clamp(35px,5vw,64px);line-height:1.12;letter-spacing:-.08em;display:block;margin:25px 0}
.concept-tiles{display:flex;gap:12px}
.concept-tiles i{width:68px;height:54px;background:#b5d1c9;border:4px solid #e1ebe6}
.concept-tiles i:nth-child(2){background:#4f7f80}
.concept-tiles i:nth-child(3){background:#7e9390}
.concept-canvas small{display:block;color:#799596;margin-top:21px;letter-spacing:.14em;font-size:9px}
.features-section{padding-top:115px;padding-bottom:130px}
.feature-grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px;margin-top:40px}
.feature-grid-list article{border-top:1px solid #c7d1cb;padding:32px 0 50px}
.feature-grid-list article>span{font-size:10px;font-weight:800;color:#498b85;letter-spacing:.13em}
.feature-grid-list h3{font-size:26px;margin:24px 0 13px}
.feature-grid-list p{font-size:14px;color:#657679;max-width:450px;line-height:1.9}
.product-faq{background:#e9edeb;padding:95px 0 120px}
.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:75px}
.faq-grid h2{font-size:43px}
details{border-bottom:1px solid #bccac4}
details:first-child{border-top:1px solid #bccac4}
summary{font-size:15px;font-weight:700;cursor:pointer;padding:22px 34px 22px 0;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:5px;font-size:21px;font-weight:400;top:17px}
details[open] summary:after{content:"−"}
details p{color:#677b7c;font-size:13px;line-height:1.9;padding-right:20px;margin-bottom:25px}
.simple-page{min-height:65vh;padding-top:110px;padding-bottom:130px}
.simple-page h1{font-size:clamp(52px,7vw,90px);margin:24px 0}
.simple-page .lead{max-width:750px;color:#627578;font-size:clamp(20px,2vw,26px);font-weight:550}
.notice-panel{margin-top:55px;max-width:980px;background:#e8eeeb;border:1px solid #cad7d0;display:grid;grid-template-columns:100px 1fr;padding:50px;gap:25px}
.notice-icon{font-size:52px;line-height:1;color:#4b9790;font-weight:200}
.notice-panel h2{font-size:25px;margin-bottom:13px}
.notice-panel p{max-width:580px;font-size:14px;color:#637579;line-height:1.95}
.simple-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}
.dark-link{color:#3b6866}
@media(max-width:1000px){.product-feature{grid-template-columns:1fr}.feature-art{min-height:410px}.app-preview{min-height:245px;max-width:440px}.app-body{min-height:205px}.feature-copy{min-height:450px}.product-hero-layout{gap:32px;grid-template-columns:1fr 310px}.purchase-panel{padding:22px}.feature-bottom{margin-top:32px}}
@media(max-width:750px){.container{padding-inline:22px}.header-inner{min-height:76px;align-items:flex-start;flex-direction:column;gap:14px;padding-top:17px;padding-bottom:16px}.site-header nav{gap:20px;flex-wrap:wrap}.site-header nav a{font-size:12px}.site-header nav a.active:after{bottom:-9px}.hero{padding-top:72px}.hero h1{margin:24px 0 25px;font-size:clamp(48px,9vw,76px)}.hero-index{margin-top:75px}.section-top,.principles,.faq-grid{display:block}.section-top>p{text-align:left;margin-top:20px}.principles{padding-top:85px;padding-bottom:90px}.principle-list{margin-top:34px}.product-hero-layout{display:block}.purchase-panel{max-width:480px;margin-top:60px}.product-hero{padding-bottom:75px}.concept-sidebar{min-width:120px;padding:21px 10px}.concept-canvas{padding:35px 25px}.product-art-section{padding-top:36px}.feature-grid-list{gap:0 25px}.faq-grid>div+div{margin-top:32px}.footer-inner{grid-template-columns:1fr}.footer-inner small{grid-column:1}}
@media(max-width:540px){.utility-inner span{display:none}.utility-inner{justify-content:flex-end}.feature-art{padding:20px;min-height:325px}.app-preview{width:93%;min-height:205px;transform:rotate(-2deg);border-width:5px}.app-top{font-size:7px}.app-body{min-height:165px}.app-side{width:36px;padding:18px 9px}.app-main{padding:17px}.app-main strong{font-size:20px}.app-preview-card{height:38px;margin-top:14px}.feature-copy{padding:30px 25px;min-height:420px}.feature-copy h3{font-size:58px}.feature-bottom{align-items:flex-start;flex-direction:column}.collection{padding:70px 0}.hero-description{font-size:16px}.hero-index span:last-child{max-width:145px;text-align:right}.feature-grid-list{display:block}.concept-window{border-width:4px;box-shadow:9px 12px 0 #0b232a;min-height:230px}.concept-main{min-height:260px}.concept-sidebar{min-width:85px;padding:17px 8px}.concept-sidebar span{font-size:7px}.concept-sidebar b{font-size:10px;padding:5px}.concept-canvas{padding:25px 16px}.concept-canvas strong{font-size:34px}.concept-tiles i{width:37px;height:34px}.concept-canvas>span,.concept-canvas small{font-size:7px}.product-hero h1{font-size:66px}.notice-panel{padding:28px;grid-template-columns:1fr;gap:8px}.notice-icon{font-size:36px}.simple-page{padding-top:70px}.simple-page h1{font-size:58px}.footer-nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* v2 editorial storefront design: restrained graphite + mint, no fake screenshots. */
:root{--paper:#f1f0eb;--white:#f9f9f5;--ink:#162329;--muted:#697779;--dark:#132027;--aqua:#86d4c4;--line:#d1d9d5}
::selection{background:#b7e8dc;color:#15292b}
body{background:#f1f0eb;font-family:Inter,"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif}
.utility{background:#111b21;color:#b4c4c3}
.site-header{position:relative;z-index:2;background:#15222a;border-color:#3b4a4d;color:#f2f6f3}
.header-inner{min-height:86px}
.site-header nav a{color:#b5c9c6;transition:color .2s}
.site-header nav a.active,.site-header nav a:hover{color:#f7f7f1}
.site-header nav a.active:after{background:#9bd7c9}
.site-header .brand-symbol{color:#eaf0ec;border-color:#c0d0cd}
.site-header .brand-text b{color:#91aaa9}
.site-header nav a{font-weight:600;letter-spacing:.005em}
.eyebrow,.kicker{color:#528d82;letter-spacing:.14em}
.hero{min-height:690px;padding-top:116px;padding-bottom:40px;color:#f4f6f3;position:relative;overflow:visible}
main:has(> .hero){background:#14232b}
.hero .eyebrow{color:#acdace}
.hero .tiny-square{background:#8cd8ca}
.hero h1{font-size:clamp(64px,8.9vw,125px);line-height:1.12;letter-spacing:-.095em;max-width:1000px;margin:25px 0 33px}
.hero h1 em{color:#9adccc}
.hero-description{color:#b2c3c5;font-size:17px;max-width:550px}
.hero .button-primary{color:#17282b;background:#bde5d9}
.hero .button-primary:hover{background:#e4f7ed}
.hero .text-link{color:#e1f0e9}
.hero .hero-index{border-color:#4d6262;color:#b3c7c8;letter-spacing:.07em;margin-top:105px}
.hero:after{content:"SINSEOL / SOFTWARE";pointer-events:none;position:absolute;right:40px;top:160px;color:#79928b;opacity:.13;transform:rotate(-90deg) translateX(50%);transform-origin:bottom right;font-weight:700;letter-spacing:.3em;font-size:11px}
.collection{background:#f1f0eb;padding-top:100px;padding-bottom:125px}
.section-top h2{letter-spacing:-.08em}
.collection .section-top h2{font-size:clamp(48px,6vw,82px)}
.product-feature{border:1px solid #c6d0ca;grid-template-columns:1fr 1fr;background:#fbfbf7}
.feature-art{background:#193333;min-height:520px}
.feature-grid{opacity:.08;background-size:52px 52px}
.art-topline{color:#d1e0d8}
.app-preview{border-color:#5f7a74;background:#e6ece6;border-width:5px;border-radius:2px;transform:rotate(-4deg);box-shadow:24px 22px 0 #0c2324,0 38px 45px #041b1b75}
.app-top{background:#e1e8e2}
.app-side{background:#193333}
.art-footnote{color:#a9c7bf}
.feature-copy{padding:48px 49px}
.feature-copy h3{font-size:clamp(60px,6.3vw,91px);letter-spacing:-.085em;line-height:.99}
.product-overline{margin-top:52px}
.status{background:#eff4ee;border-color:#c4d5ca;color:#34695f}
.status-dot{background:#3a927d}
.button-dark,.button-primary{border:0}
.feature-bottom .button-dark{background:#182a2e}
.feature-bottom .button-dark:hover{background:#355a58}
.principles{background:#14232b;color:#e7f0eb;padding-top:104px;padding-bottom:120px}
.principles h2{letter-spacing:-.08em}
.principle-list>div{border-color:#405958}
.principle-list>div:first-child{border-color:#405958}
.principle-list span{color:#a3ddcf}
.principle-list p{color:#d3e4e0}
main:has(> .hero) .principles{max-width:none;padding-left:max(36px,calc((100vw - 1168px)/2));padding-right:max(36px,calc((100vw - 1168px)/2))}
.site-footer{background:#0c1519}
.product-hero{padding-top:54px;padding-bottom:110px}
.product-hero h1{letter-spacing:-.095em}
.purchase-panel{background:#fafaf7;box-shadow:10px 10px 0 #e0e5e0}
.product-art-section{background:#193333}
.features-section,.simple-page{background:#f1f0eb}
.product-faq{background:#e8ebe6}

/* Redesigned account portal. All transactional controls are sandbox-only. */
.account-page main{background:#f1f0eb}
.account-intro{padding-top:92px;padding-bottom:48px}
.account-title{display:flex;justify-content:space-between;gap:24px;align-items:end}
.account-intro h1{font-size:clamp(51px,7vw,92px);line-height:1.12;letter-spacing:-.09em;margin:18px 0 27px}
.account-title .account-index{font-size:11px;color:#627674;letter-spacing:.15em;margin-bottom:33px;white-space:nowrap}
.account-intro .lead{font-size:clamp(20px,2.4vw,31px);max-width:800px;margin:0;font-weight:600}
.account-workspace{padding-top:23px;padding-bottom:120px}
.account-notice{display:grid;grid-template-columns:55px 1fr auto;gap:20px;padding:26px 28px;background:#e4ebe5;border-left:4px solid #5b9585;align-items:start}
.notice-number{font-size:11px;font-weight:800;color:#4c8679;letter-spacing:.08em;padding-top:6px}
.account-notice strong{font-size:16px;letter-spacing:-.025em}
.account-notice p{font-size:13px;line-height:1.9;color:#596d6a;margin:8px 0 0}
.notice-state{font-size:10px;font-weight:800;color:#35695e;letter-spacing:.13em;border:1px solid #b8d0c5;padding:6px 9px;white-space:nowrap}
.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 0;border-bottom:1px solid #cbd6d0}
.account-field{display:block;font-size:10px;font-weight:800;color:#4c8578;letter-spacing:.17em}
.account-toolbar p{font-size:14px;color:#334b4d;margin:8px 0 0}
.account-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.account-controls>.button{min-width:unset;min-height:43px;padding:10px 14px}
.account-button{appearance:none;background:transparent;cursor:pointer;border:1px solid #aebdb6;min-height:39px;padding:9px 13px;font-family:inherit;font-size:12px;font-weight:700;color:#233b3b;transition:background .15s ease}
.account-button:hover:not(:disabled){background:#dce8e1}
.account-button:disabled{cursor:not-allowed;opacity:.48}
.account-button:focus-visible{outline:3px solid #4a9683;outline-offset:3px}
.account-message{font-size:12px;color:#4f6e68;min-height:1.6em;margin:18px 0}
.account-section{margin-top:60px}
.section-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #bbc9c1;padding-bottom:17px}
.section-bar .kicker{margin:0 0 7px}
.section-bar h2{font-size:31px;letter-spacing:-.055em;margin:0}
.account-helper{color:#687d78;font-size:13px;line-height:1.85;margin:18px 0 24px}
.order-list{display:grid;gap:0}
.order-card,.device-card{display:grid;gap:9px;padding:26px 0;border-bottom:1px solid #cbd6d0}
.order-card-title,.device-card-head{display:flex;gap:15px;justify-content:space-between;align-items:center}
.order-card h3,.device-card h3{font-size:19px;margin:0;letter-spacing:-.04em}
.order-badge{font-size:11px;border:1px solid #b8c9c2;background:#e7ede7;color:#386a5c;padding:5px 9px;font-weight:700;white-space:nowrap}
.order-details{font-size:12px;color:#647776;overflow-wrap:anywhere;margin:0;line-height:1.8}
.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}
.order-empty{padding:40px 0;border-bottom:1px solid #cbd6d0;color:#667b76;font-size:14px}
.sensitive-section{background:#e5ede8;padding:30px;border:1px solid #d0ddd4}
.license-input-row{display:flex;gap:12px;align-items:stretch}
.license-input-row input{flex:1;min-width:0;font-size:15px;background:#f9fcf9;border:1px solid #b8cdc3;padding:13px 15px;letter-spacing:.035em;color:#1f3634}
.license-input-row input:focus-visible{outline:2px solid #52998b}
.device-card{grid-template-columns:1fr auto;align-items:center}
.device-card-head{grid-column:1/-1;justify-content:start}
.device-card .order-details{align-self:center}
.confirm-panel{border:1px solid #cbaca5;background:#faf2ef;margin-top:25px;padding:22px 25px}
.confirm-panel h3{font-size:18px}
.confirm-panel p{font-size:13px;color:#6e4b44;line-height:1.9}
.danger-action{color:#a44435;border-color:#cda69e}
.danger-action:hover:not(:disabled){background:#f3dad5}
.account-roadmap{margin-top:78px;border-top:1px solid #c7d2cb;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.account-roadmap>div{padding-top:27px}
.account-roadmap span{display:block;color:#58867b;font-weight:800;letter-spacing:.11em;font-size:10px}
.account-roadmap strong{display:block;font-size:19px;margin-top:19px}
.account-roadmap p{font-size:13px;color:#627576;line-height:1.9}
[hidden]{display:none!important}
@media(max-width:900px){.hero{min-height:640px}.hero:after{display:none}.product-feature{grid-template-columns:1fr}.feature-art{min-height:400px}.feature-copy{min-height:400px}.account-roadmap{gap:18px}}
@media(max-width:750px){.hero{min-height:auto;padding-bottom:36px;padding-top:85px}.hero .hero-index{margin-top:75px}.site-header{position:relative}.account-intro{padding-top:65px}.account-title .account-index{display:none}.account-notice{grid-template-columns:35px 1fr}.notice-state{grid-column:2;justify-self:start}.account-roadmap{grid-template-columns:1fr;gap:0}.account-roadmap>div{border-bottom:1px solid #ccd5cf;padding:26px 0}.account-toolbar{align-items:flex-start;flex-direction:column}.section-bar{align-items:flex-start;flex-wrap:wrap}.feature-copy{padding:36px}.principles{padding:70px 22px}.main:has(>.hero) .principles{padding:70px 22px}}
@media(max-width:540px){.hero h1{font-size:clamp(48px,12vw,70px);letter-spacing:-.085em}.hero-description{font-size:15px}.feature-copy h3{font-size:61px}.feature-copy{padding:30px 25px}.feature-art{min-height:335px}.account-intro h1{font-size:clamp(48px,12vw,67px)}.account-notice{padding:20px 18px;gap:8px}.account-workspace{padding-bottom:70px}.account-section{margin-top:45px}.section-bar h2{font-size:26px}.sensitive-section{padding:20px}.license-input-row{flex-direction:column}.device-card{grid-template-columns:1fr}.device-card-head{grid-column:auto}.device-card .account-button{justify-self:start}.order-card-title,.device-card-head{align-items:flex-start;flex-wrap:wrap}}